* {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
/*============= containers CSS =============*/

.container {
    width: 300px;
    height: 250px;
    
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    opacity: 0;
}
.wrapper-1440 {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.preload img {
    width: 100%;
    height: 100%;
    position: absolute;
    visibility: hidden;
}
.main {
    width: 100%;
    height: 100%;
}
img {
    display: block;
}
.actor {
    position: absolute;
}
.actor.preload img {
    visibility: visible!important;
}
.seqWrapper .actor {
    overflow: hidden;
    position: absolute;
}
.seqWrapper {
    position: absolute;
}
.products{
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.001);
    width: 100%;
    height: 70px;
    top: 66px;
    opacity: 0;
}
.topPro{
    position: absolute;
    top: 10px;
    width: 100%;
}
.bottomPro{
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0.001);
    top: 25px;
}
.pro{
    position: absolute;
    
    
    left: 50%;
    margin-left: -50%;
    opacity: 0;
}
.pro0{
    height: 10px;
    margin-left: -118px;
    opacity: 1;
     top:-1px;
}
.pro1{
    margin-left: -54px;
    height: 9px;
    top:0;
}
.pro2{
    height: 9px;
    top:-1px;
    margin-left: -80px;

}
.pro img{
    width: auto;
    top:4px;
    height: 100%;
    display: block;
    position:relative;
    visibility: visible;
}
.pro_b,.pro_w,.overlay{
    position: absolute;
    top:0;
    width: 34px;
}
.legal-info-view{opacity: 0;}
.legal-info-view,.legal-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.legal-bg{
    background: rgba(0,0,0,1);
}
.overlay{
    width: 280px;
    top:7px;
    left:10px;
    height: 230px;
    z-index: 12;
}
.pro_b img,.pro_w img,.overlay img{
    width: 100%;
    top:5px;
    height: auto;
    display: block;
    position:relative;
    visibility: visible;
}
.legalHot{
    background: red;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 16px;
    opacity: 0;
    position: absolute;
    z-index: 13;
    display: none;
}
.s{
    position: absolute;
    width: 34px;
    height: 100%;
    background: rgba(0,0,0,0.001);
}

.pro_w{
    opacity: 0;
}
.pro_b{
    opacity: 1;
}
.s0 .pro_w{
    opacity: 1;
}
.s0 .pro_b{
    opacity: 0;
}
.s0{
    left: 96px;
}
.s1{
    left: 136px;
}
.s2{
    left: 172px;
}
.mobile .legalHot{
    z-index: 10;
    }
/*=============line set================*/
/*.line {position: absolute;z-index: 2001;}
.left, .right {width: 1px;height: 100%;background: #000;}
.top, .bottom {width: 100%;height: 1px;background: #000;}
.notS4 .line {-webkit-transform: translate3d(0, 0, 0);}
.S3 .left, .S3 .right {width: 2px;}
.S3 .top, .S3 .bottom {height: 2px;}
.S3 .top {top: -1px;}
.S3 .left {left: -1px;}
.S3 .right {right: -1px;}
.S3 .bottom {bottom: -1px;}
.left, .top {top: 0;left: 0;}
.right {top: 0;right: 0;}
.bottom {bottom: 0}*/
/*=============line end================*/