*{margin:0;padding:0}ul,li{list-style:none}img{border:0;outline:0}
.imgdet{position:relative;height:450px;background:#fff}
.imgdet .imglist{position:relative;display:inline-block;*display:inline;*zoom:1;width:84px;height:100%;overflow:hidden;top:30px;}
.imgdet .imglist ul{position:absolute;top:10px;left:0;width:100%;font-size:0}
.imgdet .imglist ul li{display:inline-block;*display:inline;*zoom:1;width:80px;height:67px;border:2px solid #fff;margin-bottom:9px}
.imgdet .imglist ul li:last-of-type{margin-bottom:0}.imgdet .imglist ul .active{border:2px solid #b52620;}
.imgdet .imglist ul li img{width:100%;height:100%}
.imgdet .imgpart{vertical-align:top;margin-left:30px;position:relative;display:inline-block;*display:inline;*zoom:1;width:100%;}
.imgdet .imgpart .pic{position:relative;width:100%;height:100%;}
.imgdet .imgpart .pic .magnify{display:none;position:absolute;top:0;left:0;width:200px;height:200px;cursor:move;background-color:#fff;opacity:.3;filter:alpha(opacity=30)}.imgdet .imgpart .pic img{width:100%;height:100%}.imgdet .imgpart .bigpic{display:none;position:absolute;top:0;right:-470px;width:460px;height:460px;z-index:333;border:1px solid #fff;overflow:hidden}
.imgdet .imgpart .bigpic>img{position:absolute;top:0;left:0;width:920px;height:100%;}
.topBtn{position:absolute;top:-10px;left:40px;cursor:pointer;}
.bottomBtn{position:absolute;bottom:-80px;left:40px;cursor:pointer;}
@media screen and (max-width:768px)
{
.imgdet .imglist ul li{display:inline-block;*display:inline;*zoom:1;width:30px;height:30px;border:2px solid #fff;margin-bottom:1px}
.imgdet .imglist{position:relative;display:inline-block;*display:inline;*zoom:1;width:30px;overflow:hidden;top:0;}
.imgdet .imgpart{margin-left: 0;}
.imgdet{position:relative;height:240px;background:#fff}
}