/*图片放大镜样式*/ .jqzoom { float:left; border:none; position:relative; padding:0px; cursor:pointer; margin:0px;} .zoomdiv { z-index:100; position:absolute; top:0px; left:0px; width:300px; height:214px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; } .jqZoomPup { z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #aaa; background:#ffffff /*url(http://www.wjpsy.com/js/pshow/css/images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); } /*图片小图预览列表*/ .spec-preview { width:300px; height:300px; border:1px solid #DFDFDF; } .spec-scroll { clear:both; margin-top:5px; width:302px; } .spec-scroll .prev { float:left; margin-right:3px; } .spec-scroll .next { float:right; } .spec-scroll .prev, .spec-scroll .next { display:block; font-family:"宋体"; text-align:center; width:10px; height:58px; line-height:58px; border:1px solid #CCC; background:#EBEBEB; cursor:pointer; text-decoration:none; } .spec-scroll .items { float:left; position:relative; width:272px; height:60px; overflow:hidden; } .spec-scroll .items ul { position:absolute; width:999999px; height:60px; } .spec-scroll .items ul li { float:left; width:68px; text-align:center; } .spec-scroll .items ul li img { border:1px solid #CCC; padding:2px; width:54px; height:54px; cursor:pointer; background:#fff} .spec-scroll .items ul li img:hover,.spec-scroll .items ul li img.hover { border:1px solid #3a72cf; padding:2px; }