.productdetail{position:relative;}

.productdetail .title{text-align:center; border-bottom:1px solid #ccc; padding-bottom:18px; margin-bottom:28px;}
.productdetail .title a{border:1px solid #ccc; padding:4px 18px; margin-top:8px; line-height:32px; border-radius:3px;}
.productdetail .title a span{display:inline-block; float:left;}
.productdetail .title a i{font-size:28px; line-height:32px; float:left;}
.productdetail .title a.prev{float:left;}
.productdetail .title a.prev i{margin-right:8px;}
.productdetail .title a.next{float:right;}
.productdetail .title a.next i{margin-left:8px;}
.productdetail .title a:hover{background:#3481b5; border-color:#3481b5; color:#fff;}


.productdetail .photo{ width:768px; margin:0 auto; }
.productdetail .photo>span{display:block;}
.productdetail .photo>span img{display:block; max-width:100%; margin:0 auto;}

.productdetail .images{position:relative;}
.productdetail .images>div{overflow:hidden; position:relative; }
.productdetail .images>div>ul{width:10000%;}
.productdetail .images>div>ul:after{display:block; content:''; cleart:both;}
.productdetail .images>div>ul>li{float:left;}
.productdetail .images>div>ul>li>span>a>img{display:block; width:100%;}

.productdetail .param{margin:38px 0; font-size: 0; text-align: left; }
.productdetail .param dl{display: inline-block; text-align: left; font-size: 16px;}
.productdetail .param dl dt{float: left; width: 88px;}
.productdetail .param dl dd{padding-left: 88px;}
.productdetail .param dl dd img{height: 28px; vertical-align: middle; padding-right: 8px;}

.productdetail .content>ul{margin:28px 0 18px 0; font-size:0; white-space:nowrap; position:relative; overflow:auto; }
.productdetail .content>ul:before{border-bottom:1px solid #ccc; position:absolute; bottom:0; left:0; content:''; right:0;}
.productdetail .content>ul>li{border:1px solid #ccc; padding:8px 28px; background:rgba(0,0,0,.018); position:relative; z-index:1; cursor:pointer; display:inline-block; margin-left:-1px;}
.productdetail .content>ul>li.on{border-bottom-color:#fff; background:none;}
.productdetail .content>ul>li:first-child{margin-left:0;}

.productdetail .content>aside{display:none; margin-bottom:18px;}
.productdetail .content>aside.on{display:block;}

@media(min-width:992px){
.productdetail{padding-top:28px; padding-bottom:28px;} 
 
.productdetail .photo{ }
.productdetail .photo>span+.images{margin:18px -8px 0 -8px;}
.productdetail .images{margin:0 -8px;}
.productdetail .images>div>ul>li{width:.2%; padding:0 8px;}
.productdetail .images>div>ul>li>span{position:relative; display:block; cursor:pointer; overflow:hidden;}
.productdetail .images>div>ul>li>span:before{display:block; content:''; border:1px solid #ccc; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; transition:.3s;}
.productdetail .images>div>ul>li.on>span:before{border:2px solid #3481b5;}
.productdetail .images>ol{display:none;}
.productdetail .images>dl{ }
.productdetail .images:hover>dl{ }
.productdetail .images>dl>*{position:absolute; z-index:9; top:50%; width:20px; height:20px; margin-top:-10px; transform:rotate(45deg); cursor:pointer; transition:.3s; border-style:solid;  border-color:rgb(33,33,33);}
.productdetail .images>dl>dt{left:-15px; border-width:0 0 2px 2px;}
.productdetail .images>dl>dd{right:-15px; border-width:2px 2px 0 0;}
.productdetail .images>dl>dt:hover,
.productdetail .images>dl>dd:hover{border-color:rgb(0,165,235);}
}
@media(max-width:991px){
.productdetail{padding-top:18px; padding-bottom:18px;} 
.productdetail .photo{width:100%; float:none;}
.productdetail .photo>span.more{display:none;}
.productdetail .images>div>ul>li{width:1%;}
.productdetail .images>div>ul>li>span>a>img{width:auto; margin:0 auto;}
.productdetail .images>ol{position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:0;}
.productdetail .images>ol>li{display:inline-block; cursor:pointer;}
.productdetail .images>ol>li:before{display:block; content:''; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.productdetail .images>ol>li:before{margin:0 2px 0 3px; width:5px; height:5px;}
.productdetail .images>ol>li.active:before{background:rgb(0,165,235);}
.productdetail .images>dl{display:none;} 
}
@media(max-width:767px){
.productdetail .title{ padding-bottom:8px; margin-bottom:18px;}
.productdetail .title a{ padding:4px 8px; margin-top:8px; line-height:32px; } 
.productdetail .title a i{font-size:28px; line-height:32px; } 
.productdetail .title a.prev i{margin-right:4px;} 
.productdetail .title a.next i{margin-left:4px;}
.productdetail .title h1{clear:both; font-size:24px; padding-top:8px;}

.productdetail .param dl{font-size: 15px;}
	
.productdetail .content>aside{margin-bottom:8px;}
.productdetail .content>ul{margin:12px 0 8px 0;}
.productdetail .content>ul>li{padding:4px 8px;}
}