@charset "utf-8";
.showimg_box {
    position: relative;
    display: inline-block;
    width: 50%;
    height: auto;
    border: none;
}
.showimg_box .showimg {
    position: relative;
    float: left;
    display: inline-block;
    overflow: hidden;
    width: 99%;
    height: auto;
    border: 1px #bfbfbf solid;
}
.showimg_box .showimg .mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    opacity: 0;
    cursor: move;
}
.showimg_box .showimg .float_layer {
    position: absolute;
    display: none;
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,.4);
}
.showimg_box .showimg img {
    width: 100%;
    height: auto;
}
.showimg_box .bigshowimg {
    position: absolute;
    right: -474px;
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 466px;
    height: 466px;
    border: none;
    box-shadow: 0 1px 12px rgb(51 51 51 / 5%);
}
.showimg_box .bigshowimg img {
    position: relative;
    width: 200%;
}

.showimg_box .smallimg {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    margin: 10px auto 0;
    width: 100%;
    height: auto;
    cursor: pointer;
}
.showimg_box .smallimg ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.showimg_box .smallimg ul li {
    display: inline-block;
    width: calc(95%/4);
    outline: 0;
    border: 1px #bfbfbf solid;
    transition: .35s ease-in-out;
}
.showimg_box .smallimg ul li img {
    width: 100%;
}



#Tz_wrap{width:400px;margin:100px auto;border:1px solid gray;height:480px;}
#Tz_magnify{width:400px;height:400px;position:relative;margin-bottom:15px;}
#Tz_magnify .simg{ width:400px;height:400px;position:relative;}
#Tz_magnify .simg img{width:100%;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;}
#Tz_magnify .simg .mov{width:150px;height:149px;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:400px;bottom:0;overflow:hidden;display:none;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;}
.series {width:400px;height:55px;position:relative;}
.series .show {width:400px;height:55px;position:relative;overflow:hidden;}
.series .show ul.cont{width:400px;}
.series .show ul.cont li{float:left;margin:0px 6px;cursor:pointer;border:2px solid transparent;}
.series .show ul.cont li img{width:80px;height:40px;}
.series .show ul.cont li.hover{border:2px solid red;}
.series span{width:20px;height:70px;position:absolute;background-image:url("../images/hd_sprite_v1.0.png");cursor:pointer;}
.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;}