#mainBodySlider,#mainUpdateSlider{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:1140px;
    height:510px;
    overflow:hidden;
    visibility:hidden;
    background-color:transparent;
}
#mainBodySlider{
    height:575px;
}
#mainBodySlider #divMainSlider,#mainUpdateSlider #divUpdateSlider{
    cursor:default;
    position:relative;
    top:0px;
    right:270px;
    width:870px;
    height:510px;
    overflow:hidden;
}
#mainBodySlider #divMainSlider{
    width:1140px;
    height:575px;
    right:auto;
    left: 0;
}
#mainBodySlider .divSliderThumb,#mainUpdateSlider .divSliderThumb{
    position:absolute;
    right:0px;
    top:0px;
    width:270px;
    height:510px;
    background-color:transparent;
}
#mainBodySlider .divSliderThumb .divSliderThumbItem,#mainUpdateSlider .divSliderThumb .divSliderThumbItem{
    width:250px;
    height:250px;
}
#mainBodySlider .divSliderNav,#mainUpdateSlider .divSliderNav{
    position:absolute;
    bottom:12px;
    left:350px;
}
#mainBodySlider .divSliderNav{
    left:525px;
}
#mainBodySlider .divSliderArrowLeft,#mainUpdateSlider .divSliderArrowLeft{
    width:55px;
    height:55px;
    top:0px;
    left:20px;
}
#mainBodySlider .divSliderArrowRight,#mainUpdateSlider .divSliderArrowRight{
    width:55px;
    height:55px;
    top:0px;
    right:300px;
}
#mainBodySlider .divSliderArrowRight{
    right:20px;
}
.jssorl-008-ball-triangle img {
    animation-name: jssorl-008-ball-triangle;
    animation-duration: 2.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-008-ball-triangle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jssorb055 .i {position:absolute;cursor:pointer;}
.jssorb055 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb055 .i:hover .b {fill-opacity:.7;}
.jssorb055 .iav .b {fill-opacity: 1;}
.jssorb055 .i.idn {opacity:.3;}

/*jssor slider arrow css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.mainTitle{
    background-color: #fe0000;
    color: white;
    font-size: 1.5em;
    padding: 5px 10px;
    clear: both;
}

#mainUpdates,#mainSocialMedia{
    margin-top: 20px;
}

.slideContent{
    height: 200px;
    overflow: hidden;
    transition: height ease-in-out .15s;

}

.slideDetail{
    font-family: FuturaMedium;
    position: absolute;
    bottom: 0;
    max-height: 200px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,.8);
    padding: 20px;
}
#smShowDescContent{
    font-family: FuturaMedium;
}

.slideDetail:hover{
    color: rgba(255,255,255,.7);
}

.slideDetail p{
    height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slideWrapper{
    cursor: pointer;
}
/*.slideWrapper:hover .slideContent{*/
/*cursor: pointer;*/
/*height: 200px;*/
/*}*/
#smYoutube{
    min-height: 273px;
}
#smShowOther{
    margin: 0 !important;
    min-height: 273px;
}
#smYoutube iframe{
    width: 100%;
    height: 100%;
}
.smShow:hover{
    cursor:pointer;
    z-index: 2;
}
#smShowDesc{
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 1.2em;
    max-height: 273px;
    /*height: 115px;*/
}
.smLink{
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 3;
}
.smLink:hover{
    opacity: .9;
}
#smYoutubeWrapperClick{
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
}
#smYoutubeWrapperClick:after{
    position: absolute;
    top:0;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
}
#smYoutubeWrapper{
    height: 100%;
}
#smYoutubeWrapperOuter{
    display: none;
}
#smYoutubeWrapperOuter.youtubeOverlay{
    padding: 100px 0;
    position: fixed; /* Sit on top of the page content */
    display: block; /* Hidden by default */
    width: 100% !important; /* Full width (cover the whole page) */
    height: 100% !important; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.85); /* Black background with opacity */
    z-index: 99; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#smShowMain,#smShowSub1,#smShowSub2{
    background-color: black;
}


@media (max-width: 1199.98px) {
    #smShowDesc{
        max-height: 273px;
        font-size: 1em;
    }
    #smYoutube{
        min-height: 265px;
    }
    #smShowOther{
        min-height: 265px;
    }
}
@media (max-width: 991.98px) {
    #smContentRow iframe{
        max-width: 720px;
    }
    #smShowOther{
        margin-top: 25px !important;
    }
    #smShowDesc{
        /*height: 100px;*/
    }
    #smShowMain{
        padding: 0;
    }
}
@media (max-width: 767.98px) {
    #smContentRow iframe{
        max-width: 540px;
    }
    #smShowDesc{
        /*height: 145px;*/
    }
}
@media (max-width: 575.98px) {
    .mainTitle{
        font-size: 1em;
    }
    #smContentRow iframe{
        max-width: 405px;
    }
    #smShowOther{
        margin-top: 10px !important;
    }
    #smShowDesc{
        /*height: 145px;*/
    }
    #smShowOther{
        min-height: auto;
    }
    #mainUpdates,#mainSocialMedia{
        margin-top: 10px;
    }
}
@media (max-width: 475.98px) {
    #smShowDesc{
        /*height: 125px;*/
    }
}

@media (max-width: 451.98px) {
    #smShowDesc{
        /*height: 120px;*/
    }
}
@media (max-width: 411.98px) {
    #smShowDesc{
        /*height: 115px;*/
    }
}

@media (max-width: 375.98px) {
    #smYoutubeWrapper{
        padding : 0;
    }
    #smYoutubeWrapper iframe{
        max-height: 325px;
    }
    #smContentRow iframe{
        max-width: 375px;

    }
    #smShowDesc{
        /*font-size: 1em;*/
        max-height: 187px;
    }
}

@media (max-width: 360.98px) {
    #smShowDesc{
        /*height: 100px;*/
    }
}

@media (max-width: 320.98px) {
    #smYoutubeWrapper {
        padding: 0;
    }

    #smYoutubeWrapper iframe {
        max-height: 325px;
    }

    #smContentRow iframe {
        max-width: 320px;

    }

    #smShowDesc {
        /*padding: 15px;*/
        /*font-size: .7em;*/
        /*height: 30vw;*/
    }
    #smShowDesc div {
        padding: 5px;
    }
}