.jqzoom {
 width:100%;
 height:100%;
 position:relative;
 cursor:pointer;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center
}
.jqzoom img {
 max-width:100%;
 max-height:100%
}
.zoomdiv {
 z-index:200;
 position:absolute;
 top:0;
 left:0;
 width:380px;
 height:380px;
 background:#fff;
 border:1px solid #ddd;
 display:none;
 overflow:hidden
}
.zoomdiv .bigimg {
 position:absolute;
 top:0;
 left:0;
 max-width:unset;
 max-height:unset
}
.jqZoomPup {
 z-index:10;
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 width:20px;
 height:20px;
 border:1px solid #ddd;
 background:#fafafa;
 opacity:.5;
 -moz-opacity:.5;
 -khtml-opacity:.5;
 filter:alpha(Opacity=50)
}
.jqZoomPup img {
 min-width:380px
}
.spec-preview {
 width:380px;
 height:380px;
 border:1px solid #ddd
}
.spec-scroll {
 clear:both;
 margin:5px 0;
 width:382px;
 height:54px
}
.spec-scroll .prev {
 float:left;
 margin-right:10px;
 background:url(../images/duo_left.gif) center no-repeat !important
}
.spec-scroll .next {
 float:right;
 background:url(../images/duo_right.gif) center no-repeat !important
}
.spec-scroll .next,
.spec-scroll .prev {
 display:block;
 text-align:center;
 width:19px;
 height:54px;
 cursor:pointer
}
.spec-scroll .next:hover,
.spec-scroll .prev:hover {
 background-color:none
}
.spec-scroll .items {
 float:left;
 position:relative;
 width:324px;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul {
 position:absolute;
 width:640px;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul li {
 float:left;
 width:67px
}
.spec-scroll .items ul li span {
 box-sizing:border-box;
 display:block;
 vertical-align:middle;
 width:50px;
 height:50px;
 text-align:center;
 border:1px solid #ddd;
 padding:0px
}
.spec-scroll .items ul li img {
 width:100%;
 height:100%;
 object-fit:cover;
 cursor:pointer
}
.spec-scroll .items ul li span.active,
.spec-scroll .items ul li span:hover {
 border:2px solid #db241e;
 padding:0px
}
#tinybox {
 top:50%!important;
 left:50%!important;
 transform:translate(-50%,-50%);
 position:fixed;
 display:none;
 padding:10px;
 background:#fff;
 border:10px solid #ddd;
 z-index:99997
}
#tinymask {
 position:absolute;
 display:none;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background:#000;
 z-index:99997
}
#tinycontent {
 background:#fff;
 width:100%;
 height:100%
}
.spec-scroll .items ul li img {
 margin:0 auto
}
#imgee {
 width:100%;
 height:100%;
 object-fit:contain
}
#tinymaskNext,
#tinymaskPrev {
 display:none;
 position:fixed;
 top:50%;
 border:3px solid #fff;
 width:35px;
 height:35px;
 border-top:0;
 border-right:0;
 background:0 0;
 z-index:99999;
 outline:0
}
#tinymaskPrev {
 left:30px;
 transform:rotate(45deg)
}
#tinymaskNext {
 right:30px;
 transform:rotate(225deg)
}
.spec-scroll .items ul li:nth-last-child(1) {
 width:50px
}