.topPromoSlider .item{
    position: relative;
    overflow: hidden;
}
.topPromoSlider .item .thumb > img{
    display: none;
}

.topPromoSlider .item .sizer{
    display: block;
    width:100%;
    max-height: 900px;
    max-height: 90vh;
    min-height: 350px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px){
    .topPromoSlider .item .sizer{
        min-height: 480px;
    }
}
.topPromoSlider .item .poster{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 

   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
}
.topPromoSlider .item .thumb{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 80;
    background: rgba(0,0,0,0.1);
    width:auto;
    height:auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
}

.topPromoSlider .item .thumb:active{
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.topPromoSlider .item .thumb .play,
.topPromoSlider .item .thumb .photo{
    color: rgba(255,255,255,0.65);
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 5;
    /*-webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    -webkit-transition-delay:0s;
    transition-delay:0s;*/
}
/*.topPromoSlider .item.active .thumb .play,
.topPromoSlider .item.active .thumb .photo{
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s; 
}*/

/*.topPromoSlider .item .thumb:hover .play,
.topPromoSlider .item .thumb:hover .photo{
    color: rgba(255,255,255,0.95);
}*/
.topPromoSlider .item .thumb .play:before,
.topPromoSlider .item .thumb .photo:before{
    font-size: 60px;
    line-height: 60px;      
}
@media  only screen and (min-width: 768px) {
    .topPromoSlider .item .thumb .play,
    .topPromoSlider .item .thumb .photo{
        margin-top: -40px;
        margin-left: -40px;
    }
    .topPromoSlider .item .thumb .play:before,
    .topPromoSlider .item .thumb .photo:before{
        font-size: 80px;
        line-height: 80px;      
    }
}
@media  only screen and (min-width: 1024px) {
    .topPromoSlider .item .thumb .play,
    .topPromoSlider .item .thumb .photo{
        margin-top: -45px;
        margin-left: -45px;
    }
    .topPromoSlider .item .thumb .play:before,
    .topPromoSlider .item .thumb .photo:before{
        font-size: 90px;
        line-height: 90px;      
    }
}
@media  only screen and (min-width: 1280px) {
    .topPromoSlider .item .thumb .play,
    .topPromoSlider .item .thumb .photo{
        margin-top: -50px;
        margin-left: -50px;
    }
    .topPromoSlider .item .thumb .play:before,
    .topPromoSlider .item .thumb .photo:before{
        font-size: 100px;
        line-height: 100px;      
    }
}
@media  only screen and (min-width: 1440px) {
    .topPromoSlider .item .thumb .play,
    .topPromoSlider .item .thumb .photo{
        margin-top: -55px;
        margin-left: -55px;
    }
    .topPromoSlider .item .thumb .play:before,
    .topPromoSlider .item .thumb .photo:before{
        font-size: 110px;
        line-height: 110px;      
    }
}
@media  only screen and (min-width: 1600px) {
    .topPromoSlider .item .thumb .play,
    .topPromoSlider .item .thumb .photo{
        margin-top: -60px;
        margin-left: -60px;
    }
    .topPromoSlider .item .thumb .play:before,
    .topPromoSlider .item .thumb .photo:before{
        font-size: 120px;
        line-height: 120px;      
    }
}

.topPromoSlider .item .info-clip{
    position: absolute;
    bottom:80px;
    width:290px;
    height:185px;
    left:25px;
    z-index: 85;
}

@media  only screen and (max-width: 360px) {
    .topPromoSlider .item .info-clip{
        left:5px;
    }
}
.topPromoSlider .item.lslide .info-clip{
    opacity:0; 
    left:-500px;   
}
.topPromoSlider .item.lslide.active .info-clip{
    opacity:1;
    left:25px;
    -webkit-transition: opacity 1s ease, left 0.5s ease, right 0.5s ease;
    transition: opacity 1s ease, left 0.5s ease, right 0.5s ease;
}
.topPromoSlider .item.lslide .info-clip.center{
    left:50%;
    margin-left: -170px;
}
.topPromoSlider .item.lslide .info-clip.right{
    left:auto;
    right: -500px;
}
.topPromoSlider .item.lslide.active .info-clip.right{
    right:25px;
}


@media  only screen{
    .topPromoSlider .item .info-clip{
        background: rgba(0,0,0,0.4);
        border-bottom: 2px solid rgb(25, 152, 252);
        color:#fff;
        font-size:11px;
        line-height: 20px; 
    }
    .topPromoSlider .item .info-clip a{
        color:rgb(25, 152, 252);
    }
    .topPromoSlider .item .info-clip .more-link{
        position: absolute;
        bottom: -2px;
        right:-25px;
    }
    .topPromoSlider .item .info-clip .more-link:after{
        background: rgb(25, 152, 252);
        color: #fff;
        content: "\e81d";
        display: block;
        font-family: "icons";
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        text-align: center;
        width: 25px;
    }
    .topPromoSlider .item .info-clip .more-link-text{
        position: absolute;
        bottom: -2px;
        right:0px;
        background: rgb(25, 152, 252);
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 0 10px;
    }
    .topPromoSlider .item .info-clip .type{
        background: #000;
        line-height: 25px;
        height:25px;
        font-size: 11px;
        text-transform: uppercase;
        white-space: nowrap;
        color: #fff;
        display: inline-block;
        padding:0 10px;
        position: absolute;
        left:0;
        top:-25px;
        text-decoration: none;
    }
    .topPromoSlider .item .info-clip .live-sticker{
        padding:5px 10px 5px 5px;
        background: rgba(0,0,0, 0.85);
        position: absolute;
        top:0;
        right:0;
    }
    .topPromoSlider .item .info-clip .live-sticker .ls-logo{
        width:50px;
        height:25px;
        display: block;
    }
    .topPromoSlider .item .info-clip .live-sticker:after{
        content:'';
        position: absolute;
        top:0;
        right:100%;
        width:0;
        height:0;
        border: solid transparent;
        border-width: 0 15px 35px 0;
        border-right-color: rgba(0,0,0, 0.85);

    }
    .topPromoSlider .item .thumb .type{
        display:none;
    }
    .topPromoSlider .item .info-clip .text-box{
        margin:20px 25px;
        height:100px;
        overflow: hidden;
    }
    .topPromoSlider .item .info-clip h1,
    .topPromoSlider .item .info-clip h3{
        color:#fff;
        text-transform: none;
        font-size: 17px;
        line-height:20px;
        margin-bottom: 14px;
        margin-right: 50px;
    }
    .topPromoSlider .item .info-clip h1 a,
    .topPromoSlider .item .info-clip h3 a{
        color:#fff;
    }
    .topPromoSlider .item .info-clip a:hover{
        text-decoration: none;
    }
    .topPromoSlider .item .info-clip .text{
        display: block;
        color:#fff;
        font-size: 13px;
        line-height: 15px;
    }
    .topPromoSlider .item .info-clip .author,
    .topPromoSlider .item .info-clip .date{
        position: absolute;
        left:25px;
        /*overflow: hidden;*/
        white-space: nowrap;
        
    }
    .topPromoSlider .item .info-clip .author{
        bottom: 45px;
        font-weight: 600;
        color: rgb(25, 152, 252);
        text-transform: uppercase;
    }
    .topPromoSlider .item .info-clip .date{
        bottom: 20px;    
    }
    .topPromoSlider .item .info-clip .btns-box{
        position: absolute;
        bottom: 25px;
        right:25px;
        font-size: 0;
        line-height: 0;
    }
    .topPromoSlider .item .shareBox.share-box-dropdown .share-list{
        left:auto;
        right:0;
    }
    .topPromoSlider .item .info-clip .btns-box .disqus-comment-count,
    .topPromoSlider .item .info-clip .btns-box .shareBox{
        display: inline-block;
        vertical-align: top;
        margin-left:10px;
    }
}
@media only screen and (min-width : 1025px) and (min-height : 700px){
    .topPromoSlider .item .info-clip{
        width:340px;
        height:215px;
        bottom:90px;  
        font-size:12px;
    }
    .topPromoSlider .item .info-clip.center{
        margin-left: -210px;
    }
    .topPromoSlider .item .info-clip .text-box{
        height:130px;
    }
    .topPromoSlider .item .info-clip h1,
    .topPromoSlider .item .info-clip h3{
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .topPromoSlider .item .info-clip .text{
        line-height: 18px;
        font-size:14px;
    }
    /*.topPromoSlider .item .info-clip .author{
        bottom: 40px;
    }*/
}
@media only screen and (min-width : 1280px) and (min-height : 800px){

    .topPromoSlider .item .info-clip{
        width:420px;
        height:265px; 
        bottom:100px;   
        font-size:13px;
    }
    .topPromoSlider .item .info-clip.center{
        margin-left: -240px;
    }
    .topPromoSlider .item .info-clip .text-box{
        height:160px;
    }
    .topPromoSlider .item .info-clip h1,
    .topPromoSlider .item .info-clip h3{
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 20px;
    }
    .topPromoSlider .item .info-clip .text{
        line-height: 20px;
        font-size:15px;
    }
    .topPromoSlider .item .info-clip .author{
        bottom: 50px;
    }
}
@media only screen and (min-width : 1440px) and (min-height : 700px){
    .topPromoSlider .item .info-clip{
        bottom:120px;   
    }
}
@media only screen and (min-width : 1600px) and (min-height : 800px){
    .topPromoSlider .item .info-clip{
        bottom:150px;   
    }
}
@media only screen{
    .topPromoSlider .item .infoBox{
        position: absolute;
        bottom: 0;
        left:0;
        right: 0;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .topPromoSlider .item .infoBox .pre-center{
        position: relative;
        bottom: 0;
        height: 100%;
    }

    .topPromoSlider .item.iframe{
        position: relative;
    }
    .topPromoSlider .item.iframe .iframeBox{
        position: absolute;
        top: 0;
        left:0;
        right: 0;
        bottom: 0;
        z-index: 98;
    }
    .topPromoSlider .item.iframe .iframeBox > iframe{
        width: 100%;
        height: 100%;
    }
}
@media  only screen{
    .topPromoSlider .lSAction > .lSPrev {
        left: 15px;
    }
    .topPromoSlider .lSAction > .lSNext {
        right:15px;
    }
}
@media  only screen and (min-width: 1340px) {
    body:not(.showAdSkin-desktop) .topPromoSlider .lSAction > a {
        bottom:auto;
        top: 50%;
        margin-top: -50px;
        width:75px;
        height:100px;
    }
    body:not(.showAdSkin-desktop) .topPromoSlider .lSAction > .lSPrev {
        left: 0px;
    }
    body:not(.showAdSkin-desktop) .topPromoSlider .lSAction > .lSNext {
        right:0px;
    }
}
/*@media  only screen and (min-width: 1800px) {
    .topPromoSlider .lSAction > .lSPrev {
        left: 3%;
    }
    .topPromoSlider .lSAction > .lSNext {
        right:3%;
    }
}*/

@media  only screen and (max-width: 1024px) {
    .topPromoSlider .item .info-clip.left .shareBox.share-box-dropdown .share-list{
        right:auto;
        left:0;
    }
    .topPromoSlider .item .info-clip .shareBox.share-box-dropdown .share-list{
        width:480px;
    }
    .topPromoSlider .item .info-clip .shareBox.share-box-dropdown .share-list > ul > li{
        display: inline-block;
        width:50%;
    }
}