/*电脑端*/
@media screen and (max-width: 2600px) and (min-width:1200px) {
#Tz_wrap{width:620px;margin:0px auto; overflow:hidden;}
#Tz_magnify{width:500px;height:400px;position:relative; float:left;}
#Tz_magnify .simg{ width:500px;height:400px;position:relative;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0; }
.simg img{height:400px;}
#Tz_magnify .bigimg {width:495px;height:400px;position:absolute;left:400px;bottom:0;overflow:hidden;display:none;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;}
.series {width:112px;height:400px;position:relative; float:right;}
.series .show {width:100%;height:400px;position:relative;overflow:hidden;}
.series .show ul.cont{width:100%;}
.series .show ul.cont li{ height:70px;margin:0px 0px 10px;cursor:pointer;border:1px solid transparent;}
.series .show ul.cont li:last-child{ margin-bottom:0px;}
.series .show ul.cont li.hover{border:1px solid red;}
.series .show ul.cont li img{ width:110px; height:70px;}
.series span.left{left:0;top:0;background-position:-142px -18px;}
.series span.right{right:0;top:0;background-position:-172px -18px;}
.series span.left:hover{background-position:-138px -130px;}
.series span.right:hover{background-position:-175px -130px;}
}

/*移动端*/
@media screen and (max-width: 1024px) and (min-width: 0px){
#Tz_wrap{width:95%;margin:10px auto;border:0px solid gray;}
#Tz_magnify{width:100%;position:relative;}
#Tz_magnify .simg{ width:100%;position:relative;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;width:100%;}
#Tz_magnify .bigimg {width:400px;position:absolute;left:400px;bottom:0;overflow:hidden;display:none;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;}
.series {position:relative;}
.series .show {position:relative;overflow:hidden;}
.series .show ul.cont{width:100%;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 10px;}
.series .show ul.cont li{float:left;cursor:pointer;border:2px solid transparent;height:50px;}
.series .show ul.cont li img{ width:100%; height:100%;}
.series .show ul.cont li.hover{border:2px solid red;}
.series span.left{left:0;top:0;background-position:-142px -18px;}
.series span.right{right:0;top:0;background-position:-172px -18px;}
.series span.left:hover{background-position:-138px -130px;}
.series span.right:hover{background-position:-175px -130px;}
}