#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Open Sans", sans-serif;font-weight:400;color:#ffffff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:fixed;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.8) !important; opacity:1 !important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper a:hover{text-decoration:none}
#sb-wrapper-inner{position:relative;border:1px solid transparent;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:50px;height:50px;top:50%;margin-top:-25px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('loading.gif') no-repeat center center; width:100%; height:50px; display:block; font-size:0px; }
#sb-body,#sb-loading{background-color:#000;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{min-height:30px;line-height:20px;}
#sb-info-inner{font-size:14px;}
#sb-nav{float:right;height:16px;padding:0px 0;width:45%;}
#sb-nav a{display:block;float:right;height:32px;width:32px;line-height:32px;text-align:center;cursor:pointer;background-repeat:no-repeat;text-decoration:none;}
#sb-nav a:before {font-family:"Font Awesome 5 Pro";font-weight:400;font-size:18px;color:#fff;display:block;}
#sb-nav a#sb-nav-close:before { font-size:28px; }
#sb-nav-close:before { content:"\f00d"; }
#sb-nav-next:before { content:"\f054"; }
#sb-nav-previous:before { content:"\f053"; }
#sb-nav-play:before { content:"\f04b"; }
#sb-nav-pause:before { content:"\f04c"; }
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

#sb-nav-previousBox,
#sb-nav-nextBox {
	position:absolute; height:100%; top:0; width:50%; background-repeat:no-repeat; cursor:pointer;
	opacity:0; filter:alpha(opacity=0); transition:opacity .4s;
}
#sb-nav-previousBox:hover,
#sb-nav-nextBox:hover { opacity:1; filter:alpha(opacity=100); }
#sb-nav-previousBox{ left:0; background-image:none; background-position:5% 50%; }
#sb-nav-nextBox{ right:0; background-image:none; background-position:95% 50%; }

#sb-caption {clear:both;padding-top:5px;padding-bottom:5px;font-size:100%;height:auto;line-height:16px;color:#ffffff;}

@media (max-width:1023px){
	#sb-body, #sb-loading { background-color:transparent; }
	#sb-wrapper { top:10px !important; right:10px !important; bottom:10px !important; left:10px !important; width:auto !important; }
	#sb-title { display:none !important; }
	#sb-wrapper-inner { height:calc(100% - 40px) !important; }
	#sb-body img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
	#sb-info, #sb-info-inner { min-height:40px; line-height:40px; }
	#sb-info { position:absolute; bottom:0; right:0; left:0; }
	#sb-nav { line-height:30px; height:auto; padding:5px 0; }
	#sb-nav a { width:30px; height:30px; line-height:30px; }
	#sb-caption { display:none; }
	#sb-counter { padding-left:5px; box-sizing:border-box; }
}