.zoomdemo{width:362px;}
.ui-zoom-small{width:362px;}

.ui-zoom-large{width:360px;height:300px;border:1px solid #e0e0e0; position:relative;}

.ui-zoom-slide{width:300px;height:200px;display:block;background:url(../images/slide.png); cursor:move;position:absolute; display:none;}

.ui-zoom-mirror{position:absolute; width:500px; height:333px; border:1px solid #e0e0e0; left:470px; overflow:hidden; display:none;}

/*图标*/
.ui-zoom-icon{width:30px;height:30px;background:url(../images/zoom_icon.jpg) no-repeat; position:absolute; z-index:1; right:0px; bottom:0px; display:block;}



.ui-zoom-small{height:70px; overflow:hidden; margin-top:10px;}
.ui-zoom-small .zoom-btn{ height:60px; background:url(../images/sprite-arrow.png) no-repeat left center; width:20px; margin-top:5px;}

.ui-zoom-small .prev{float:left;}
.ui-zoom-small .prev-disable{opacity:0.2;filter:alpha(opacity=30); cursor:default;}
.ui-zoom-small .next{background-position:-22px center;float:right;}
.ui-zoom-small .next-disable{opacity:0.2;filter:alpha(opacity=30);cursor:default;}

.ui-zoom-list{width:312px; overflow:hidden; float:left; margin-left:6px; position:relative;}

.ui-zoom-list ul{float:left; width:999999px; position:relative; left:0;}
.ui-zoom-list li{float:left; border:1px solid #e0e0e0; width:60px; height:60px; font-size:0px; padding:4px; margin-right:15px; cursor:pointer;}
.ui-zoom-list li.cur{border:1px solid #666; position:relative; }
.ui-zoom-list li img { width:60px; height:60px;}
.ui-zoom-large  img { width:100%; height:100%;}


@media screen and (max-width:400px) {

.zoomdemo{width:302px;}
.ui-zoom-small{width:302px;}

.ui-zoom-large{width:300px;height:240px;}

.ui-zoom-slide{width:300px;height:140px;}

.ui-zoom-mirror{display:none;}

.ui-zoom-list { width:250px;}


}