.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}


html,body,div,img,button{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
html,body{
    width: 100%;
    height: 100%;
}
img{border:0;}

li{list-style:none;}

.mt120{
    margin-top: 120px;
}

#imgModule{
    display:none;
}

#imgDefault{
    cursor:pointer;
}

#imgDefault li{
    position: relative;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;

}
#imgDefault li:nth-child(odd){
    margin: 0;
}
.imgItem{
    width: 480px;
    height: 240px;

}
.mask{
    background:#000;opacity:.8;
    filter:alpha(opacity=80);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.lightBoxContent{
    width:1200px;
    height:600px;
    position:absolute;
    left:50%;
    top:45%;
    background:#fff;
    transform: translate(-50%,-50%);
}
#imgLoader{
    width:32px;
    height:32px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-16px 0 0 -16px;
    display:none;
}
#imgLight{
    width:100%;
    height:100%;
    -webkit-animation:change 1s;
    animation:change 1s;
}
#imgModule .btn{
    width:40px;
    height:50px;
    position:absolute;
    top:50%;
    margin-top:-25px;
    cursor:pointer;
}
.lightBoxSprite{
    background-image:url(../../images/imgIcons.png);
    background-repeat:no-repeat;
}
#lightBoxPrev{
    left:10px;
    background-position:2px center;
}
#lightBoxNext{
    right:10px;
    background-position:-42px center;
}
.closeBtn{
    width:35px;
    height:35px;
    background-position:-100px center;
    position:absolute;top:15px;
    right:15px;
    cursor:pointer;
}
.lightBoxPagination{
    position:absolute;
    left:0;
    bottom:120px;
    width:100%;
    text-align:center;
}
.lightBoxPagination span{
    display:inline-block;
    width:10px;
    height:10px;
    border:1px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-right:8px;
}
.lightBoxPagination span.current{
    background:#fff;
}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}
body.v-hidden{
    overflow: hidden;
}
.text-tis{
    border:none;
    bottom: 5px;
}
#imgDefault li:hover p{
    display: none;
}
@media (max-width: 599px) {
    .slideGroup .parHd ul{
        width:100%;
    }
    .slideGroup .parBd ul li{

    }
    .thumb li img{
        width: 100%;
    }
    ul li .title{
        font-size: 12px;
    }





    .imgItem{
        width: 100%;
        height: 100%;
    }
    #imgDefault li{
        margin: 0;
    }
}