﻿
/***showroom***/
.ico-text{top: 0;}
.showroom-left{width: 940px;}
.showroom-right{width: 240px;}

/*filter*/
.showroom-filter {border: 1px solid #ddd;border-bottom: 3px solid #f7f7f7;line-height: 20px; }
.showroom-filter dl { padding:8px 0 5px 0; overflow:hidden; } 
.showroom-filter dd { width:65px;height: 20px; position: relative; float:left; overflow:hidden; text-align:center; font-weight:bold; color:#353535; line-height:22px; padding-left:8px; }
.showroom-filter dt { float:left; width:850px; }
.showroom-filter dt li { float:left; line-height: 18px; width: 150px; height: 18px; margin:0 14px 6px 0; color: #003da1; }
.showroom-filter dt li a { line-height:18px; color:#0066cc; margin-right:5px; }
.showroom-filter dt li a:hover { color:#ff0700; }

/*related-products*/
.related-products .title{height: 38px;border: 1px solid #e7e7e7;background: #f8f8f8; line-height: 38px;padding-left: 14px;position: relative;}
.related-products .title div{position: absolute;right: 0;top: 0px;height: 38px;}
.related-products .title div span{display: inline-block;width: 74px; height: 38px; color: #7d7d7d;text-align: center;line-height: 38px;font-size: 12px;cursor: pointer;float: left;}
.related-products .title div span .i-ico{width: 10px; height: 10px; position: relative;top: -1px; margin-right: 5px;}
.related-products .title div span .list{background-position: -183px -74px;}
.related-products .title div span .big{background-position: -183px -89px;}
.related-products .title div .selected{background: #fff;}
.related-list{padding: 5px 10px 22px 10px;border-bottom: 1px solid #e7e7e7;
transition: background 0.1s;
-moz-transition: background 0.1s;
-webkit-transition: background 0.1s; 
-o-transition: background 0.1s; 
}
.related-list:hover{background: #f7fafc;}
.related-list .product-title{line-height: 38px; height: 38px;font-size: 14px;}
.related-list .product-title a{color: #000;
transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.related-list .product-title a:hover{color: #0065d2;}
.related-list .related-list-img{width: 128px; height: 128px;border: 1px solid #dadada; margin-right: 21px;}
.related-list .related-list-text{width: 459px;background: url(../image/bgshowroom.png) no-repeat right center;margin-right: 21px;}
.related-list .related-list-text p{line-height: 22px; color: #5d5d5d;font-size: 14px; width: 430px;}
.related-list .related-list-text p span{color: #000;}
.related-list .xj-btn{display: inline-block;width: 98px; height: 26px;border: 1px solid #ef0000;line-height: 24px;text-align: center; color: #ef0000;font-size: 14px; margin-top: 12px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
}
.related-list .xj-btn:hover{background: #ef0000;color: #fff;}
.related-list .related-list-btn{width: 285px;}
.related-list .related-list-btn p{font-size: 14px;color: #000;word-break: break-all;}
.related-list .related-list-btn p label{color: #5d5d5d;}
.related-list .related-list-btn p a{color: #000;
transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.related-list .related-list-btn p a:hover{color: #0065d2;}

/*标王*/
.related-list-king{position: relative;border: 2px solid #f22d03;background: #fffaf9;}
.related-list-king:hover{background: #fffaf9;}
.related-list-king .related-list-text p{color: #686868;}
.related-list-king .related-list-btn p{color: #333;}
.related-list-king .related-list-btn p label{color: #333;}
.related-list-king .related-list-btn p a{color: #333;}
.related-list-king .i-king{position: absolute;left: -22px;top: -21px;}
.related-list-king .product-title{padding-left: 39px;}
.related-list-king .xj-btn{ color: #fff!important; margin-top: 0px;background: #ef0000;}
.related-list-king .xj-btn:hover{background: #ef0000;color: #fff;}
.related-list-king .king-bottom{padding: 14px 0 0 24px;border-top: 1px dashed #ccc; margin-top: 15px;}
.related-list-king .king-bottom .king-bottom-ico div{margin:0 0px 8px 0;font-size: 14px;line-height: 20px; width: 127px;}
.related-list-king .king-bottom .king-bottom-ico div i{margin: 0 8px 0 0;}
.related-list-king .king-bottom .king-bottom-text img{border: 1px solid #dadada; margin-right: 16px;width: 88px;height: 88px;}
.related-list-king .king-bottom .king-bottom-text p{ width: 115px;line-height: 16px;}
.related-list-king .king-bottom .king-bottom-text p a{color: #000;
transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.related-list-king .king-bottom .king-bottom-text p a:hover{color: #0065d2;}
.related-list-king .king-bottom .king-bottom-text p span{color: #686868; }
.related-list-king .king-bottom .king-bottom-text .king-bottom-list{margin-right: 10px; width: 230px;}
.related-list-king .king-bottom .king-bottom-text .king-bottom-list div{padding-top: 15px;}

/*f-list*/
.f-list{border: 1px solid #e9e9e9;}
.f-list h2{height: 38px;line-height: 38px;background: #f7f7f7; color: #333;font-size: 16px;border-bottom: 1px solid #e9e9e9;padding-left: 13px;}
.f-list h2 span{display: inline-block; height: 13px; width: 4px;background: #0e77e4; margin: 0 9px 0 0;position: relative;top: 1px;}
.f-list ul{padding: 10px 0;}
.f-list ul li{padding-left:21px;padding-right:10px;position: relative;height: 27px;line-height: 27px;font-size: 14px;}
.f-list ul li a{color: #454545;
transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.f-list ul li a i{display: inline-block;width: 3px;height: 3px;background: #454545;position: absolute;left: 12px; top: 12px;}
.f-list ul li a:hover{color: #0065d2;}
.f-list ul li a:hover i{background: #0065d2;}

.sh-list ul li{float: left;width: 278px;}
/***showroomEND***/
