.imgdet {position:relative;height:460px;width:560px; float:left;background:#373737;}
.imgdet .imglist { float:left; margin:10px 10px;position:relative;display:inline-block;*display:inline;*zoom:1;width:80px; height:440px; overflow:hidden; background:#373737;}
.imgdet .imglist ul {position:absolute;top:0;left:0;width:100%;font-size:0;}
.imgdet .imglist ul li {display:inline-block;*display:inline;*zoom:1;width:76px;height:76px;border:2px solid #4e4945;margin-bottom:10px;}
.imgdet .imglist ul li:last-of-type {margin-bottom:0;}
.imgdet .imglist ul .active {border:2px solid #b78f6c;}
.imgdet .imglist ul li img {width:100%;height:100%;}
.imgdet .imgpart {vertical-align:top;position:relative;display:inline-block;*display:inline;*zoom:1;width:460px;height:460px; float:left;}
.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:920px;}