﻿@charset "utf-8";
.clearfix {display: inline-block;} 
.clearfix:after {/*/*/content: "."; /* 兼容ie8 */display: block;height: 0;clear: both;visibility: hidden; }
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
body {font-size: 12px;margin: 0px;background:#0F0013; background-image: url(images/bg1.jpg);background-repeat:no-repeat; font-family:宋体; color:#FFF0FE;}
table {font-size: 12px;}
img{ border:0px;}
ul{list-style-type: none;margin:0px; padding:0px;}
form { margin:0; padding:0;}
p{ margin:0px; margin-bottom:5px; text-indent:2em; line-height:25px;}
hr{ height:1px; color:#cccccc;}
.tab22{line-height:22px;}
.red{color:#FF0000;}
.price{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bold;}
.gridview_cart{ width:90%; margin:auto; }

a:link {color: #FFF0FE; text-decoration: none;}
a:visited {color: #FFF0FE; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: none;}

a.a_blue:link{color: #3333ff;text-decoration: underline;}
a.a_blue:visited {color: #3333ff; text-decoration: underline;}
a.a_blue:hover {color: #ff9900; text-decoration: underline;}

a.a_hot:link {color:#FF6600; text-decoration: none;}
a.a_hot:visited {color: #FF6600; text-decoration: none;}
a.a_hot:hover {color:#FF0000; text-decoration: underline;}

.gridview{ width:100%;}
.s10{clear: both;padding-top:10px;}
.s3{clear: both;padding-top:3px;}
.s5{clear: both;padding-top:5px;}
.clear{ clear:both;}
.tbx { padding:2px; border: solid 1px #b1b8c2; font-size: 12px; color: #085878; background-color: #ffffff; }


.layout{width:1004px; margin:auto; float:left; text-align:center;}
.menu{width:980px; margin:auto; margin-top:100px; border-bottom:dotted 1px #fff; height:20px; text-align:right;}
.menu ul{padding-left:50px;}
.menu li{border-right:dotted 1px #FFFFFF; padding-left:10px; padding-right:10px; float:left; height:16px;}
.menu li a:link {color:#C3BBBB; text-decoration: none;}
.menu li a:visited {color:#C3BBBB; text-decoration: none;}
.menu li a:hover {color:#FF3300; text-decoration: underline;}

.topnew{}
.topnew .title{font-size:14px; font-weight:bold; border-bottom:solid 1px #7F3043; padding-left:20px; line-height:25px;}
.topnew .content{ line-height:25px;}
.topnew .title a:link {color: #FF9900; text-decoration: none;}
.topnew .title a:visited {color:#FF9900; text-decoration: none;}
.topnew .title a:hover {color:#7F3043; text-decoration: none;}


.tf { width:98%; margin-left: auto; margin-right: auto; border: 0; font-size: 12px; color: #ffffff; background-color:#7B2B6A; }
.tf .title { height: 30px; color: #FFCC00; font-size: 14px; font-weight: bold; text-align: center;  }
.tf .label { width: 15%; height: 30px; text-align: right; font-weight: bold; padding-right: 3px; border-bottom:solid 1px #6C6C6C;}
.tf .field {padding: 5px 0px 5px 6px; border-bottom:solid 1px #6C6C6C; }
.tf .item{ padding:5px;}
.tf .submit {padding:5px 0px 5px 0px; text-align: center;}
.tf .n { margin:5px 0px 0px 5px; color: #ffffff; }
.tf .v { margin-right:5px; color: #ff0000; font-weight: normal; }
.tf a.tl:link {font-size:14px;color: #ff6600;text-decoration: underline;}
.tf a.tl:visited{font-size:14px;color: #ff6600;text-decoration: underline;}
.tf a.tl:hover{font-size:14px;color: #669900;text-decoration: none;}
.tf .listbox{width:180px;height:120px;}


.leftmenu{width:93%; margin:0px; padding:0px; margin-bottom:10px; font-size:14px;}
.leftmenu .m{height:22px;font-weight:bold; color:#FF6600; padding-top:10px;  padding-left:20px; border-bottom:solid 1px #F921FE; margin-bottom:5px; width:60%;}

.leftmenu ul li{ padding-left:30px;line-height:30px; font-weight:bold;background:url(images/icon_arrow.gif) no-repeat 15px 10px;}
.leftmenu .m a:link {color:#FF6600; text-decoration: none;}
.leftmenu .m a:visited {color:#FF6600; text-decoration: none;}
.leftmenu .m a:hover {color:#FF3300; text-decoration: underline;}

/* cms */
.cms-textlist{width:98%;  margin:auto; border:0; text-align:center;  font-size: 12px; color: #fff;}
.cms-textlist .title{ height:28px; color:White;font-weight:bold;}
.cms-textlist tr{}
.cms-textlist td{height:25px;}
.cms-textlist .t{ width:70%; text-align:left; padding-left:5px;}
.cms-textlist .h{ color:#666666;}
.cms-textlist .d{ color:#666666;}

.cms-toppiclist{ width:100%; margin-left:auto; margin-right:auto;}
.cms-toppiclist .pic{float:left; width:430px;height:200px; margin-left:10px; margin-right:10px; }
.cms-toppiclist .pic img{width:430px; height:200px;}
.cms-toppiclist .pic .title{width:430px; height:10px; text-align:center; color:#666666;font-size:12px;font-weight:normal;word-wrap:break-word; word-break:break-all;}

.cms-piclist{ width:100%; margin-left:auto; margin-right:auto;margin-top:10px;}
.cms-piclist .pic{float:left; width:320px;height:220px; margin-left:10px; margin-right:10px; }
.cms-piclist .pic img{width:320px; height:190px; border:solid 1px #CCCCCC;}
.cms-piclist .pic .title{width:320px; height:20px; text-align:center;margin-top:5px; color:#FFF0FE;font-size:12px;font-weight:normal;word-wrap:break-word; word-break:break-all;}

.cms-toptextlist{line-height:25px; margin-top:5px;}
.cms-toptextlist li{ }
.cms-toptextlist .item{ clear:both;}
.cms-toptextlist .item .title{ float:left; background:none; }
.cms-toptextlist .item .date{ float:right;}

.cms-highlight{ color:#FF3300;}
.cms-textitem{ border-bottom:dotted 1px #cccccc; }


.navpath{margin:5px; padding:5px; border:solid 1px #cccccc;}
.cms-detail{ margin:5px;}
.cms-detail .title{ margin-top:20px;}
.cms-detail .title h3{ text-align:center;font-size:18px; color:#FFF0FE;}
.cms-detail .title p{margin:auto; width:98%; padding-bottom:10px; text-align:center; color:#ccc;border-bottom:solid 1px #7B2B68;}
.cms-detail .newspic{margin:10px;text-align:center;}
.cms-detail .content { margin:10px; font-size:12px; color:#FFF0FE; line-height:25px;}
.cms-detail .content .correlative{ width:95%; margin:auto; margin-top:10px; font-size:12px; }
.cms-detail .content .correlative a:link { color: #003399; text-decoration: underline; }
.cms-detail .content .correlative a:visited {COLOR: #003399; TEXT-DECORATION:underline;}
.cms-detail .content .correlative a:hover {COLOR: #ff6600; TEXT-DECORATION:none}

.cms-detail .content .correlative .title{ text-align:left; font-weight:bold; border-bottom:solid 1px #cccccc; }
.cms-detail .content .correlative .left{ float:left; margin:3px; line-height:150%;}
.cms-detail .content .correlative .right{ float:right; margin:3px;line-height:150%;}
.cms-detail .command{float:right; margin-right:5px;}




.leftmenu{ width:90%; margin:auto; text-align:left;}
.leftmenu .m{border-bottom:solid 1px #DC36E2; color:#FB8804; padding-top:8px; height:22px; padding-left:10px; margin-left:15px;}
.leftmenu li a:link {color: #fff; text-decoration: none;}
.leftmenu li a:visited {color: #fff; text-decoration: none;}
.leftmenu li a:hover {color: #FB8804;text-decoration: underline;}

/* PIS */
.pis-category2menu{ width:80%; margin:0px; padding:0px; margin-bottom:10px; font-size:14px; margin-left:20px;}
.pis-category2menu .c1{height:22px;font-weight:bold; color:#986527; padding-top:10px;  padding-left:20px;border-bottom:solid 1px #DC36E2; width:70%;}
.pis-category2menu .c1 a:link {color:#FF6600; text-decoration: none;}
.pis-category2menu .c1 a:visited {color:#FF6600; text-decoration: none;}
.pis-category2menu .c1 a:hover {color:#FF3300; text-decoration: underline;}

.pis-category2menu ul cs2{}
.pis-category2menu ul li{padding-left:30px;line-height:30px; font-weight:bold;background:url(images/icon_arrow.gif) no-repeat 15px 10px;}


/* .pis-piclist 外框 */
.pis-piclist{ width:100%; margin:10px auto;list-style-type:none;}
/* .pis-piclist li 这里的 width和height是图片+文字区域的总和，border设置为0可保留作为调试用 */
.pis-piclist li{float:left;width:160px;height:370px; margin:0px 0px 10px 18px;text-align:center;border:solid 0px #ff5500;}
/* .pis-piclist li div.pic 图片的外框，在script处理图片自动缩放的LoadImage方法中的宽和高不能超出这里的 width和height，最好的设置是分别小于10px */
.pis-piclist li div.pic{width:160px;height:340px;border:solid 0px #3F3F3F;}
.pis-piclist li div:hover{}
/* 鼠标移动到图片上外框的颜色变化 */
.pis-piclist li div.hover{}
.pis-piclist li img{padding:1px;border:solid 0px #888888;width:140px;height:300px;}
.pis-piclist li a {display:block;padding:3px; }
/* 文字，最佳显示效果为2行字，三行就会和下面的图片重叠；这里的height加上 .pis-piclist li div.pic的height要等于 .pis-piclist li 的height*/
.pis-piclist li span a {overflow:hidden;height:30px;border:none;line-height:130%;word-wrap:break-word;  word-break:break-all;font-weight:normal;}




.pis-toppiclist{ width:98%; margin-right:auto;margin-bottom:5px;  }
.pis-toppiclist .pic{float:left; width:150px;height:350px; margin-top:5px; text-align:center;margin-right:17px; margin-left:10px; }
.pis-toppiclist .pic img{width:150px; height:330px; padding:5px; }
.pis-toppiclist .pic .title{width:150px;height:30px; padding-top:5px; text-align:center; color:#7B0128; font-size:12px;word-wrap:break-word;  word-break:break-all;font-weight:normal; border:none;}



.pis-detail{padding:5px; border:solid 0px #cccccc;font-family:SimSun,Tahoma,Arial,Helvetica,sans-serif;color:#FFF0FE;}
.pis-detail .detail-hd {border-bottom: #dbdbdb 1px solid; text-indent: 0px; margin-bottom:10px;}
.pis-detail .detail-hd h1 {margin:5px 0px;padding:0px;text-align: center; padding-left: 0px; color:#fff; font-weight:bold;}
.pis-detail .detail-hd {zoom: 1}
.pis-detail .detail-hd:after {display: block; height: 0px; visibility: hidden; clear: both; }
.pis-detail .detail-hd h1 {text-indent: 5px; float: left}
.pis-detail .detail-hd p {float: right;margin-top:5px;}
.pis-detail .detail-bd {padding-bottom: 0px; border-right-width: 0px;  padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px}
.pis-detail .property {width:50%; float: right;}
.pis-detail .property .wrap {margin: 0px 0px 0px 0px;}
.pis-detail .property table.meta{line-height:30px;width:100%;font-size:14px;}
.pis-detail .property table.meta td{text-align:left;padding-left:5px;border-bottom:dotted 1px #E4E4E4;}
.pis-detail .property table .saleprice{color:#f50;font-size:24px;vertical-align:baseline;line-height:25px;font-family:Tahoma,Arial,Helvetica,sans-serif;}

.pis-detail .property .key {border-bottom: #fee2a1 1px solid; border-left: #fee2a1 1px solid; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-bottom: 10px; border-top: #fee2a1 1px solid; border-right: #fee2a1 1px solid; padding-top: 1px;}
.pis-detail .property .key .skin {padding-bottom: 8px; background-color: #fff3d9; padding-left: 8px; padding-right: 8px; zoom: 1; padding-top: 8px;}
.pis-detail .property .key:hover {border-color: #fcbb29;}
.pis-detail .property .key-hover {border-color: #fcbb29;}

.pis-detail .property .key .action .btn-add a {float:left;width: 140px; height: 36px;  background: url(/App_Themes/images/buy_button.gif) no-repeat; overflow: hidden; margin-right: 0px;text-indent: -200px; }
.pis-detail .property .key .action .btn-add a {background-position: -280px 0px}
.pis-detail .property .key .action .btn-order a {float:left;width: 140px; height: 36px;  background: url(/App_Themes/images/buy_button.gif) no-repeat; overflow: hidden; margin-right: 0px;text-indent: -200px; }
.pis-detail .property .key .action .btn-order a {background-position: -140px 0px}
.pis-detail .property .key .action .tip-add {float: left;margin-left:10px; margin-right: 0p;margin-top: 4px; white-space: nowrap; x}
.pis-detail .property .key .action .tip-add a {line-height: 15px; color: #575b63; margin-right: 0px}

.pis-detail .gallery {width: 310px; float: left; }
.pis-detail .gallery .booth {width: 310px;height:310px;overflow:hidden;display:block;vertical-align:auto;line-height:normal; border: #cdcdcd 1px solid;background: url(/App_Themes/images/no-pic.gif) no-repeat 50% 50%;text-align:center;}
.pis-detail .gallery .booth a{display: block;padding:5px;}
.pis-detail .gallery .aborted {text-align: center; line-height: 310px; font-size: 1em;}
.pis-detail .gallery .thumb {margin: 10px 0px 0px 26px; overflow: hidden;}
.pis-detail .gallery .thumb li {float: left; height: 40px;margin: 0px 6px 0px 0px;padding: 7px 4px 4px 2px;  overflow: hidden; }
.pis-detail .gallery .thumb li div {border: #cdcdcd 1px solid;}
.pis-detail .gallery .thumb li.selected {background: url(/App_Themes/images/decorate.png) no-repeat 500px 500px;}
.pis-detail .gallery .thumb li.selected {background-position: 0px -50px;}
.pis-detail .gallery .thumb li a {display: block; font-size: 35px; vertical-align: middle; overflow: hidden; width: 40px; font-family: arial; height: 40px; text-align: center}
.pis-detail .gallery .thumb li a:focus {outline-style: none;}

.pis-detail .gallery .action {margin: 15px 0px 10px 35px;}
.pis-detail .gallery .action a {margin-right: 12px;}


.pis-detail .xpanel{margin:0px auto;border-style: solid; border-color: #99bbe8; border-width:0; text-align:left; }
.pis-detail .xpanel-header {overflow:hidden;zoom:1;color:#15428b; padding:5px 3px 4px 10px; border:1px solid #eaeaea;line-height: 15px;  /*background: transparent url(images/panel/white-top-bottom.gif) repeat-x 0 -1px;*/font:bold 14px tahoma,arial,verdana,sans-serif; }
.pis-detail .xpanel-body {	padding:10px;line-height:150%; border:1px solid #eaeaea;border-top:0 none; overflow:hidden; }
.pis-detail .xpanel-bwrap {overflow:hidden;zoom:1}


.footer{border-top:dotted 1px #fff; line-height:25px; margin-bottom:10px; padding-left:10px;}

