#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;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%;}
#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:#060606;}
#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:12px;}
#sb-nav{float:right;height:16px;padding:0px 0;width:45%;}

#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{position:absolute;height:100%;top:0; left:0;width:50%; background:url(../../mm/blind.png) no-repeat;  display:block; cursor:pointer;}
#sb-nav-previousBox:hover{background:url(../../mm/back.png) no-repeat; background-position:5% 50%;cursor:pointer;} 
#sb-nav-nextBox{position:absolute;height:100%;top:0;width:50%; left:50%; background:url(../../mm/blind.png) no-repeat;  display:block; cursor:pointer;}
#sb-nav-nextBox:hover{background:url(../../mm/next.png) no-repeat;background-position:95% 50%; cursor:pointer;}

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


#sb-overlay { background-color:#fff !important; }
#sb-wrapper { left:0 !important; right:0 !important; max-width:calc(100vw - 200px); margin:auto; }
#sb-player { width:100% !important; height:100% !important; }
#sb-info-inner { margin-top:0 !important; visibility:visible !important; text-align:center; }

#sb-counter { position:relative; width:100%; text-align:center; color:#000; }

#sb-nav a { cursor:pointer; }
a#sb-nav-close { position:absolute; top:0; right:0; width:50px; height:50px; border:3px #000 solid; border-radius:50%; background:transparent; transform:translate(150%, 0); }
a#sb-nav-close:after,
a#sb-nav-close:before { content:""; position:absolute; top:50%; right:5px; left:5px; height:3px; background:#000; transform-origin:50% 50%; transition:.4s background; }

a#sb-nav-close:after { transform:rotate(-45deg); }
a#sb-nav-close:before { transform:rotate(45deg); }

a#sb-nav-next { position:absolute; top:0; right:0; bottom:0; width:50px; height:50px; margin:auto; transform:translate(100%, 0); }
a#sb-nav-next:before,
a#sb-nav-next:after { content:""; position:absolute; top:50%; right:5px; left:5px; height:2px; background:#000; transform-origin:right center; transition:.4s background; }
a#sb-nav-next:before { transform:rotate(45deg); }
a#sb-nav-next:after { transform:rotate(-45deg); }

a#sb-nav-previous { position:absolute; top:0; left:0; bottom:0; width:50px; height:50px; margin:auto; transform:translate(-100%, 0); }
a#sb-nav-previous:before,
a#sb-nav-previous:after { content:""; position:absolute; top:50%; right:5px; left:5px; height:2px; background:#000; transform-origin:left center; transition:.4s background; }
a#sb-nav-previous:before { transform:rotate(45deg); }
a#sb-nav-previous:after { transform:rotate(-45deg); }