#player #container .ytube img, #player.on-loading section img { opacity: 0;	-webkit-animation: fadeOut .5s;}
#player #loader a.pre-loader{display: inline-block !important;}
#player #container section.loading img{	opacity:0.8}
#player{font-family:sans-serif;width:100%;min-width:320px;top:0;bottom:0;background-color:#1c1c1c;color:#494949;border:0px solid #FFF;border-bottom:0;     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); border-radius:7px;}
#player .content{background:#e4e4e4;position:relative;overflow: hidden;}
#player #container section.loading,#player figure{background-color:#1c1c1c}
#player figure{position:relative;width:100%;margin:0;left:0;text-align:left;font-size:0;animation:10s slidy infinite;}
#player #container img{width:100%; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#player #container section{display:none;text-align:center;width:100%;height:100%;padding:0!important}
#player #container section.active{display:block!important;position:absolute;z-index:100;left:0;top:0;opacity: 1 !important}
#player #container section:nth-child(1){display:block;position:static!important;opacity: 0}
#player.on-inIt #container section:nth-child(1){height:0px !important; padding-top: 75% !important;}
#player.on-inIt #container section:nth-child(1) img{position: absolute; left:0px; top:0px;}
#player.on-load #container section:nth-child(1){height:0px !important; padding-top: 75% !important;}
#player.on-load #container section:nth-child(1) img{position: absolute; left:0px; top:0px;}
#player #loader{display:none; text-align: center;}
#player #l-txt{font-family: sans-serif; width: 60%; height: 40px;left: calc(50% - 30%); top: calc(74% - 75px);font-size: 17px; color: #ababab; display: inline-block; -webkit-animation: bounceInUp 1s;-webkit-animation-duration: 4s; position: absolute;}
#player .l-title{ font-family: sans-serif; font-size: 22px; left: calc(50% - 30%); top: calc(81% - 50px); width: 60%; height: 100px; display: none; line-height: 25px; z-index: 1001; color: #ffbe2f;  -webkit-animation: bounceInUp 7s; -webkit-animation-duration: 4s; position: absolute; }
#player .l-s-title{ color: #ababab; font-size: 14px; margin-top: 10px; display: none;-webkit-animation-duration: 5s;}
#player .show-area{min-height:228px}
#player .show-area.lcur{cursor:url(/img/player/left.png),pointer}
#player .show-area.rcur{cursor:url(/img/player/right.png),pointer}
a.stickydownload {position: absolute;top: 1%;right: 2%;padding: 5px 2px;background: rgba(0, 0, 0, .7);z-index: 1005;font-size: 9px;color: #fff;border-radius: 2px;letter-spacing: .5px;width: 54px;height: 42px;text-align: center;font-weight: 400;line-height: 18px;}
#player .dark:{background: #0c2b3d!important;border-top: 1px solid #0c2b3d!important;}
#player #pageEnd{display:none;width:100%!important;height:100%!important}
#player #pageEnd.active,#player .advCtrls{display:block;top:0;left:0;position:absolute}
#player #pageEnd.active{z-index:100}
#player .advCtrls{background:#000;opacity:.8;width:100%;height:100%;z-index:1002}
#player .advCtrls #btn_replay{background:url(../images/player/replay.png) no-repeat;min-width:100px;min-height:100px;position:absolute;top:calc(20% - 50px);left:calc(50% - 50px);z-index:1004;-webkit-transition:all .4s ease;transition:all .4s ease}
#player .advCtrls #btn_replay:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
#player .advCtrls #btn_download{padding:10px 15px;position:absolute;top:calc(47% - 50px);left:calc(50% - 115px);z-index:1004;-webkit-transition:all .4s ease;transition:all .4s ease;font-size:18px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#000;font-weight:700;opacity:.8}
#player #btn_play{display:none;height:auto;cursor:pointer;text-shadow:1px 1px 12px rgba(0,0,0,.95);position:absolute;top:calc(50% - 0px);left:calc(50% - 3vw)}
#player #btn_play:after{content:"\e919";font-family:'slideserve' !important; text-align:center;font-size:6vw;line-height:0;color:#fff;opacity:.8;width:100%;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#player #btn_play:hover { text-shadow: 3px 3px 27px rgba(0,0,0,.75);}
#player #ss_yt{display:none;position:absolute;top:25px;left:-15px;z-index:200;max-width:120px}
#player.pause #btn_play,#player.on-inIt #btn_play,#player.pause #ss_yt,#player.on-load #ss_yt{display:table!important}
#player.on-inIt-loading section.active a.pre-loader,#player.on-load section.active a.pre-loader,#player.on-loading #loader{display: inline-block !important;}
#player .ytube-player{width:100%;height:100%;position:absolute;left:0;top:0}
#player #skip-video{display:none;font-size:18px;background:rgba(0,0,0,.64);width:155px;right:0;top:12%;font-weight:700;padding:5px;color:#fff;text-align:center;position:absolute;z-index:1001;cursor:pointer}
#player .ctrls>.clblock,#player .ctrls>.lblock{float:left;width:33.33%}
#player.skip #skip-video{display:block!important}
#player .ctrls{background:#0c2b3d;min-height:47px;padding:4px;position:relative; -webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#player .ShareBox{height: calc(100% - 0px) !important;background: #f7f7f7;padding: 0;font-size: 12px;overflow-y: auto;border: 1px solid #d5d5d5;}
.ShareBox, .mxtitle {position: absolute;top: 0;z-index: 1006;width: 100%}
.ShareBox-popup { position:relative !important;}
.sbContainer-popup { width:100% !important;} 
.ShareBox h4 {padding: 2;margin: 3px 0;width: 100%;font-size: 15px}
.ShareBox input, .ShareBox textarea {border: 1px solid #d5d5d5;margin: 4px 0;width: 100%;color: #5a5a5a;font-family: sans-serif;font-size: 12px}
.ShareBox input {padding: 6px}
.ShareBox textarea {padding: 5px;min-height: 100px}
.ShareBox input[type=button] {background: #494949;color: #FFF;font-weight: 700;float: left;width: 100px}
.sbContainer {width: 70%;margin: 0 auto;max-width: 400px;position: relative;top: calc(50% - 180px);}
.closethis {position: absolute;top: 15px;right: 20px;font-weight: 400;}
#player .ctrls>.lblock img{-webkit-transition:none;transition:none}
#player .ctrls>.lblock img:hover{opacity:1;filter:alpha(opacity=100);-webkit-transform:none;transform:none}
#player .ctrls img{-webkit-transition:all .4s ease;transition:all .4s ease}
#player .ctrls img:hover{opacity:.7;filter:alpha(opacity=70);-webkit-transform:scale(1.1);transform:scale(1.1)}
#player .ctrls>.clblock img{max-width:36px;margin-bottom:2px}
#player .ctrls>.rlblock{float:right;width:33%;color:#666;line-height:22px;font-size:15px}
#player .ctrls .rlblock img{float:right;max-width:40px}
#player .ctrls .scnum{height:32px;float:right;font-weight:400;line-height:29px;margin-right:10px;margin-top:5px;color:#cdd2d6!important}
#player .ctrls>.clblock #btn_prev{margin-left:calc(50% - 38px)}
#player .ctrls>.clblock #btn_next{margin-right:calc(50% - 38px)}
#player .advCtrls a,#player .ctrls a{line-height:38px;cursor:pointer}
#player.fScreen{height:100%; border: 0px !important}
#player.fScreen .content{height:calc(100% - 0px) !important;background:#000}
#player.fScreen #container img{width:auto!important;height:100%}
#player.fScreen .show-area{height:100%}
#player.fScreen #container{height:calc(100%)}
#player.fScreen .ctrls{top:-47px;z-index: 1006; -webkit-transition: opacity 2s; transition: opacity 2s; }
#player.fScreen .stickydownload,.LastContainer,.SSReplayBG.summary{display:none}
#player.nextDoc .LastContainer,#player.summary .SSReplayBG.summary{display:block!important}


.portrait-doc #player.fScreen .show-area {max-height: unset!important; overflow-y: unset !important;}
.portrait-doc #player.hd-zoom #container{transform-origin: 0% 0%;}
.portrait-doc #player #btn_play{display: none !important;}
.portrait-doc #player .show-area{max-height: calc(100vh - 280px); overflow: auto; position: inherit;}
.portrait-doc #player.on-inIt #container section:nth-child(1){height: 100vh !important;}
.portrait-doc #player section{display: block !important; position: relative;}
.portrait-doc #player section img{padding-top:15px; border-top-left-radius:0px !important; border-top-right-radius:0px !important;}
.portrait-doc #player #container section:nth-child(1) img {padding-top:0px;}
.portrait-doc .zoom-bar {display: unset!important;}

.content ::-webkit-scrollbar{width:10px;background-color:#f5f5f5; height:10px;}
.content ::-webkit-scrollbar-thumb{background-color:#d2d2d2;}
.content ::-webkit-scrollbar-thumb:hover{background-color:#7a7a7a;}
.content ::-webkit-scrollbar-thumb:active{background-color:#7a7a7a;}
.content ::-webkit-scrollbar-thumb{background-color:#d2d2d2; border-radius:5px;}

.zoom-bar{height: 32px; float: right; font-weight: 400; line-height: 0; margin-right: 15px; color: #cdd2d6!important; position: relative; top: 2px; display: none;}
.zoom-bar img {background: #15364b;border-radius:5px;padding:0;width:40px;height:35px;max-width:50px !important;}



@media screen and (max-width:400px){
	#player .ctrls{min-height:42px}
	#player .ctrls>.lblock img{max-width:100px}
	#player .ctrls>.clblock img,#player .ctrls>.rlblock img{max-width:30px}
	#player .advCtrls a,#player .ctrls a{line-height:32px}
	#player .ctrls .scnum{margin-top:1px}
}
@media screen and (max-width:850px){
	#player #btn_play:after {font-size: 15vw;}
	#player #btn_play {left: calc(50% - 8vw);}
}
@media all and (-ms-high-contrast:none){
    #player .ctrls>.clblock #btn_next {margin-right: calc(50% - 50px);}
	#player .ctrls>.clblock #btn_prev {margin-left: calc(50% - 50px);}
}
@supports (-ms-accelerator:true) {
	.selector { property:value; }
	#player .ctrls>.clblock #btn_next {margin-right: calc(50% - 50px);}
	#player .ctrls>.clblock #btn_prev {margin-left: calc(50% - 50px);}
}


.LastSlide { width: 100%; height: calc(100% - 50px); background: #1c1c1c; position: absolute; padding: 0; top: 0; z-index: 10; font-size: 13px;color: #7b7b7b; overflow: auto}
.LastContainer { width: 70%; margin: 0 auto; max-width: 400px; text-align: center; position: relative; top: calc(50% - 161px)}
.LastContainer>.reloadonly {  max-width: 100px;  margin: 0 auto;  display: block;  position: absolute;  left: calc(50% - 50px); top: calc(50% - 50px); cursor: pointer}
.LastContainer>.downlink {  text-align: center; color: #1c1c1c; text-decoration: none; font-size: 16px; background: #f6f6f6; padding: 7px; border-radius: 5px; display: block; max-width: 220px; margin: 0 auto}
#ctimer,.nxtppt { font-size: 14px}
.LastContainer>.reload { max-width: 85px;  margin-bottom: 15px;  -webkit-transition: all .4s ease;  transition: all .4s ease;  cursor: pointer}
.LastContainer>.reload:hover {  -webkit-transform: scale(1.2); transform: scale(1.2)}
.nxtppt { border: 1px dotted #ccc; padding: 10px; display: inline-block; margin: 30px 10px 10px; color: #7b7b7b; background: #2d2d2d}
.nxtp1 { width: 30%; float: left; max-height: 100px; overflow: hidden}
.nxtp1 img { width: 100%; float: left}
.nxtp2 { width: 65%; float: left; margin-left: 10px; text-align: left}

.pre-loader {  position: absolute;  z-index: 1;  top: calc(50% - 25px);  left: calc(50% - 25px);  width: 50px;  height: 50px;  display: inline-block; padding: 0}
.pre-loader {  border-radius: 100%;  border: 2px solid;  border-top-color: rgba(218, 218, 218, .65);  border-bottom-color: rgba(189, 189, 189, .15) border-left-color: rgba(189, 189, 189, .15) border-right-color: rgba(189, 189, 189, .15) -webkit-animation: ssloader .8s linear infinite;   animation: ssloader .8s linear infinite}
a.pre-loader{  display: none; }
.loading a.pre-loader{  display: inline-block !important; }



@media only screen and (max-width:450px) {    
    .pre-loader {
        top: calc(50% - 25px);
        left: calc(50% - 15px);
        width: 30px;
        height: 30px
    }
    .LastContainer>.downlink {
        text-align: center;
        color: #1c1c1c;
        text-decoration: none;
        font-size: 18px;
        background: #f6f6f6;
        padding: 2%;
        border-radius: 5px;
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    .LastContainer>.reload {
        max-width: 75px;
        margin: 10% auto 0;
        display: block;
        padding: 5% 0;
        cursor: pointer
    }
    .ssloaderTitle {
        font-size: 14px!important;
        line-height: 18px!important
    }
    .ssloaderText {
        font-size: 13px
    }
}

@keyframes ssloader {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ssloader {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}