#Tz_wrap{width:400px;}
#Tz_magnify{width:400px;height:400px;position:relative;margin-bottom:10px; border:1px solid #dddddd; overflow: hidden;}
#Tz_magnify .simg{ width:400px;height:400px;position:relative; z-index: 2;}
#Tz_magnify .simg img{ width: 100%; height: 100%; object-fit: cover;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;}
#Tz_magnify .simg .mov{width:10px;height:10px;background:url("../images/move.png");position:absolute;left:0px;top:0;cursor:move;display:none;}
#Tz_magnify .bigimg {width:400px;height:400px;position:absolute;left:0px;bottom:0;overflow:hidden;display:none; z-index: 1;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0; width: 150%;}
#Tz_magnify:hover .simg img{ opacity: 0;}

.series {width:400px;position:relative;}
.series .show {width:400px;position:relative;overflow:hidden;}
.series .show ul.cont{width:999em;}
.series .show ul.cont li{float:left; width: 60px; padding-bottom: 60px; position: relative; margin-right: 8px; cursor:pointer;  border:1px solid #dddddd; -webkit-box-sizing: border-box;box-sizing: border-box; margin-top: 5px;}
.series .show ul.cont li:before{ content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(221 221 221); top: -5px; left: 50%; transform: translateX(-50%); z-index: 9;}
.series .show ul.cont li img{ position: absolute; width: 100%;height: 100%; object-fit: cover;}
.series .show ul.cont li.hover{border:2px solid #c40000;}
.series .show ul.cont li.hover:before{ border-bottom: 5px solid #c40000;}

@media screen and (max-width:599px){
    #Tz_wrap{width:350px;}
	#Tz_magnify{ width:350px;height:350px;}
    #Tz_magnify .simg{ width:350px;height:350px;}
    #Tz_magnify .bigimg { width:350px;height:350px;}
    .series{ width:350px;}
    .series .show { width:350px;}
}