#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family: "mh_houschka_std", Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; width: 100vw !important; height: 100vh !important; }
#sb-overlay { position: relative; height: 100%; width: 100%; }
#sb-wrapper { position: absolute; visibility: hidden; width:100px; }
#sb-wrapper-inner { position: relative; border: 1px solid #303030; 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: 16px; line-height: 30px; height: 30px; top: 25%; margin-top: -15px; width: 100%; text-align: center; }
#sb-loading-inner span { display: inline-block; text-align: center; }
#sb-loading-inner span::before { display: block; content: " "; margin: 0px auto; width: 60px; height: 60px; background: url(/assets/img/loading-spinner_2x.png) no-repeat top center; background-size: 60px; -moz-animation: rotation 2s infinite linear; -ms-animation: rotation 2s infinite linear; -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear; }

#sb-body, #sb-loading { background-color: #060606; }
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }
#sb-title, #sb-title-inner { height: auto; }
#sb-title-inner { padding: 0 10px; background: #000000; background: rgba(0,0,0,0.6); line-height: 36px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
#sb-title-inner { font-size: 16px; }
#sb-info { padding: 5px; background: #000000; background: rgba(0,0,0,0.6); }
#sb-info-inner { height: 44px; line-height: 44px; }
#sb-info-inner { font-size: 16px; }
#sb-nav { height: 44px; padding: 0; width: 100%; text-align: right; }
#sb-nav a { display: block; float: right; height: 44px; width: 44px; background-image: url(/assets/img/shadowbox-controls_2x.png); background-size: 220px 88px; margin-left: 5px; cursor: pointer; background-repeat: no-repeat; }

#sb-nav-previous { background-position: 0px top; }
#sb-nav-previous:hover { background-position: 0px bottom; }
#sb-nav-close { background-position: -44px top; }
#sb-nav-close:hover { background-position: -44px bottom; }
#sb-nav-next { background-position: -88px top; }
#sb-nav-next:hover { background-position: -88px bottom; }
#sb-nav-pause { background-position: -132px top; }
#sb-nav-pause:hover { background-position: -132px bottom; }
#sb-nav-play { background-position: -176px top; }
#sb-nav-play:hover { background-position: -176px bottom; }

#sb-counter { float: left; width: 25%; text-align: center; }
#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; }


@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-ms-keyframes rotation {
    from {-ms-transform: rotate(0deg);}
    to   {-ms-transform: rotate(359deg);}
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}