section.imagedetail{padding:88px 0; background:; color:;}
section.imagedetail a{color:;}
section.imagedetail>article{width:1388px;}
section.imagedetail h1{display:block; line-height:1.45; font-weight:bold; margin-bottom:8px; font-size:28px;}
section.imagedetail div.content{width:72%; float:left; padding-right:58px;}
section.imagedetail div.text{margin-bottom:38px; padding-bottom:28px; border-bottom:1px solid #e8e8e8; color:;}
section.imagedetail div.text b{font-weight:inherit;}
section.imagedetail div.text i{font-style:inherit; margin-right:18px;} 
section.imagedetail aside{margin-bottom:38px;} 
section.imagedetail div.tag{margin-bottom:28px;}
section.imagedetail div.tag a{display:inline-block; margin-right:12px; border:1px solid #e8e8e8; padding:4px 12px; border-radius:3px; color:;}
section.imagedetail div.tag a:hover{color:#fff; background:#b82828; border-color:#b82828;}
section.imagedetail dir{padding-top:18px; border-top:1px solid #e8e8e8;}
section.imagedetail dir:after{display:block; content:''; clear:both;}
section.imagedetail dir>dl{margin-top:8px;}
section.imagedetail dir>dl:after{display:block; content:''; clear:both;}
section.imagedetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
section.imagedetail dir>dl>dt b{font-weight:inherit;}
section.imagedetail dir>dl>dd{float:left;}
section.imagedetail dir>dl>dd i{font-style:inherit;} 
section.imagedetail div.sub{width:28%; float:left; padding:44px 0 38px 38px; border-left:1px solid #d8d8d8;}
section.imagedetail div.sub>h3{font-size:24px; font-weight:bold; padding-bottom:18px;}
section.imagedetail div.sub>ul{margin:0 -8px;}
section.imagedetail div.sub>ul:after{display:block; content:''; clear:both;}
section.imagedetail div.sub>ul>li{float:left; width:50%; padding:0 8px; margin-bottom:18px; position:relative;} 
section.imagedetail div.sub>ul>li a{}
section.imagedetail div.sub>ul>li a img{display:block;}
section.imagedetail div.sub>ul>li a h3{font-weight:bold; text-align:center; margin-top:8px;}
section.imagedetail .param{display:block; font-style:normal; margin-bottom:38px;}
section.imagedetail .param>dl{display:table; margin:6px 0;}
section.imagedetail .param>dl>dt{display:table-cell; white-space:nowrap; position:relative; padding-left:18px; color:;}
section.imagedetail .param>dl>dt:before{position:absolute; top:50%; left:0; margin-top:-2px; width:8px; height:4px; content:''; border-radius:3px; background:;}
section.imagedetail .param>dl>dd{display:table-cell;}
section.imagedetail .images{width:100%; overflow:hidden; border-radius:3px; margin-bottom:18px; position:relative;}
section.imagedetail .images .imgs{width:10000%;}
section.imagedetail .images .imgs:after{display:block; content:''; clear:both;}
section.imagedetail .images .imgs .img{width:1%; float:left;}
section.imagedetail .images .imgs .img img{display:block; max-width:100%; margin:0 auto;}
section.imagedetail .images dl{visibility:hidden; opacity:0; transition:.3s;}
section.imagedetail .images:hover>dl{visibility:visible; opacity:1;}
section.imagedetail .images dl>*{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; transform:rotate(45deg);
cursor:pointer; transition:.3s; border-style:solid; border-color:rgb(33,33,33);}
section.imagedetail .images dl>dt{left:30px; border-width:0 0 2px 2px;}
section.imagedetail .images dl>dd{right:30px; border-width:2px 2px 0 0;}
section.imagedetail .images dl>dt:hover,
section.imagedetail .images dl>dd:hover{border-color:#b82828;}
@media(max-width:1200px){
section.imagedetail{padding:48px 0;} 
section.imagedetail div.content{width:100%; float:none; padding-right:0;}
section.imagedetail div.sub{width:100%; float:none; padding:38px 0 0; border-left:none;}
section.imagedetail div.sub>ul>li{width:25%;}
}
@media(max-width:767px){
section.imagedetail{padding:18px 0;} 
section.imagedetail div.text{margin-bottom:28px; padding-bottom:18px; font-size:14px;}
section.imagedetail div.sub>ul>li{width:50%;}
section.imagedetail .param{margin-bottom:28px;}
section.imagedetail aside{margin-bottom:28px;}
section.imagedetail div.tag{margin-bottom:18px;}
}