﻿@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:#666;	font-family:宋体; color:#fff;}
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;}
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:#D7956C; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #C3A990; 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; }

.top{color:#fff; font-size:14px;  padding-left:50px;}
.top a:link {color: #fff; text-decoration: none;font-weight:bolder;}
.top a:visited {color: #fff; text-decoration: none;font-weight:bolder;}
.top a:hover {color: #FC5B3E; text-decoration: none;font-weight:bolder;}

.box{font-size:14px; line-height:28px;}

.tf { width:98%; margin-left: auto; margin-right: auto; border: 0; font-size: 12px; color: #ffffff; background-color: #000; }
.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;}


/* PIS */
.pis-category2menu{ width:95%; margin:0px; padding:0px; margin-bottom:10px; margin-top:20px;}
.pis-category2menu .c1{height:22px;border-bottom:dotted 1px #B7A599;font-weight:bold; color:#986527; background:url(images/icon_arrow.gif) no-repeat 5px 12px; padding-top:10px;  padding-left:25px; margin-left:15px; font-size:14px;}
.pis-category2menu .c1 a:link {color:#fff; text-decoration: none;}
.pis-category2menu .c1 a:visited {color:#fff; text-decoration: none;}
.pis-category2menu .c1 a:hover {color:#EAAD99; text-decoration: none;}
.pis-category2menu .c2 .li{height:25px;color:#ccc;}
.pis-category2menu .c2{ margin-left:40px; line-height:25px; margin-top:10px;}
.pis-category2menu .c2 a:link {color:#EAAD99; text-decoration: none;}
.pis-category2menu .c2 a:visited {color:#EAAD99; text-decoration: none;}
.pis-category2menu .c2 a:hover {color:#fff; text-decoration: underline;}

/* .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:210px;height:220px; margin:0px 0px 10px 10px;text-align:center;border:solid 0px #ff5500;}
/* .pis-piclist li div.pic 图片的外框，在script处理图片自动缩放的LoadImage方法中的宽和高不能超出这里的 width和height，最好的设置是分别小于10px */
.pis-piclist li div.pic{width:210px;height:174px;border:solid 1px #ccc; margin-right:10px;}
.pis-piclist li div:hover{border:solid 1px #666;}
/* 鼠标移动到图片上外框的颜色变化 */
.pis-piclist li div.hover{border:solid 1px #666;}
.pis-piclist li img{padding:1px;border:solid 0px #ccc;}
.pis-piclist li a {display:block;padding:3px;border:solid 0px #ccc; }
/* 文字，最佳显示效果为2行字，三行就会和下面的图片重叠；这里的height加上 .pis-piclist li div.pic的height要等于 .pis-piclist li 的height*/
.pis-piclist li span a {overflow:hidden;height:20px;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:200px;height:200px; margin-top:5px; text-align:center;margin-right:17px; margin-left:10px; }
.pis-toppiclist .pic img{width:200px; height:168px; padding:5px; border:solid 1px #E1E1E1; background-color:#FFFFFF;}
.pis-toppiclist .pic .title{width:80px;height:30px; padding-top:5px; text-align:center; color:#7B0128; font-size:12px;word-wrap:break-word;  word-break:break-all;font-weight:normal;}


.pis-detail{padding:5px; border:solid 0px #cccccc;font-family:SimSun,Tahoma,Arial,Helvetica,sans-serif;color:#fff;}
.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:#3366CC; font-weight:bold;}
.pis-detail .detail-hd {zoom: 1}
.pis-detail .detail-hd:after {display: block; height: 0px; visibility: hidden; clear: both; content: " "}
.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:35px;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 { padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-bottom: 10px;padding-top: 1px;}
.pis-detail .property .key .skin {padding-bottom: 8px;  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-color:#f7f7f7; /*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; background:white;}
.pis-detail .xpanel-bwrap {overflow:hidden;zoom:1}


.footer{ text-align:center; line-height:150%;}
.footer a:link {color:#fff; font-weight:bold; text-decoration: none;}
.footer a:visited {color: #fff; text-decoration: none;}
.footer a:hover {color: #000; text-decoration: none;}