复制代码 代码如下:
/*放大镜*/
.zoommain {margin:100px;width:395px;height:460px;float:left;position:relative;}
.zoommain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;}
.zoommain .zoom .move{position:absolute;left:0; top:0;display:none;width:195px; height:195px;background:#000;opacity:0.2;filter:alpha(opacity=20);}
.zoommain .zoomdetail{display:none;border:1px solid #dcdddd;width:393px; height:393px; position:absolute;right:-405px;top:0px; overflow:hidden;}
.littleimg {margin-top:10px;height:54px;overflow:hidden;position:relative;}
.littleimg span {position: absolute;display:block;width:10px;height:55px;background:#999;cursor:pointer;}
.littleimg span em {display: none;width:10px;height:55px;}
.littleimg span.btnl {left:0;background: url(oohdear/images/csspos/ultimatepagecsspos.gif) no-repeat left top;}
.littleimg span.btnl em {background: url(oohdear/images/csspos/ultimatepagecsspos.gif) no-repeat left -57px;}
.littleimg span.btnr em {background: url(oohdear/images/csspos/ultimatepagecsspos.gif) no-repeat -10px -57px;}
.littleimg span.btnr {right:0;background: url(oohdear/images/csspos/ultimatepagecsspos.gif) no-repeat -10px top;}
.littleimg span.hover em {display:block;}
.littleimg .slidemain {width:343px;height:55px;margin-left:26px;overflow:hidden;position:relative;}
.littleimg .slidemain ul {position:absolute;left:0;width:355px;padding-top:1px;}
.littleimg .slidemain ul li {float:left;margin-right:6px;cursor:pointer;width:50px;height:50px;border:1px solid #dbdbdb;}
.littleimg .slidemain ul li.selected {border-color:#999;}
.littleimg .slidemain ul li img {float:left;width:50px;height:50px;}
/*放大镜end*/
?