#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#FFF;  opacity: 0.8; z-index:2002;   }
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:1001;text-align:left;visibility:hidden;display:none; }
#sb-overlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;background-color:rgba(0, 0, 0, 0.7);pointer-events:auto}
#sb-wrapper{position:absolute;visibility:hidden;width:100px; margin-top: 0;z-index:2}
#sb-container.sb-modal-php #sb-wrapper{
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 2 !important;
}
#sb-container.sb-modal-php #sb-wrapper-inner,
#sb-container.sb-modal-php #sb-body,
#sb-container.sb-modal-php #sb-body-inner{
	top: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	box-sizing: border-box !important;
}
/* Só tela pequena + paisagem: 80px entre o modal e a página pai (cada lateral). */
@media screen and (orientation: landscape) and (max-width: 980px) {
	#sb-container.sb-modal-php #sb-wrapper {
		left: 80px !important;
		width: calc(100% - 160px) !important;
		max-width: calc(100% - 160px) !important;
	}
	#sb-container.sb-modal-php #sb-wrapper-inner,
	#sb-container.sb-modal-php #sb-body,
	#sb-container.sb-modal-php #sb-body-inner,
	#sb-container.sb-modal-php #sb-player {
		left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}
#sb-container.sb-modal-php #sb-title,
#sb-container.sb-modal-php #sb-info{
	display: none !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* borda — sem margin lateral negativa (era -13px e deslocava o iframe à esquerda) */
#sb-wrapper-inner{position:relative; overflow:hidden ;
     margin: 20px 0 0 0;
     border:0px solid #FFf;
     border-radius: 6px;   
    
}

#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{
	height:100%;
	overflow:auto;
	/* Esconde a barra; scroll com roda do mouse / trackpad permanece */
	-ms-overflow-style:none;
	scrollbar-width:none;
}
#sb-player.html::-webkit-scrollbar{
	width:0;
	height:0;
	display:none;
}
#sb-body img{border: 1px solid #FFF; border-radius: 5px; background-color:rgba(0, 0, 0, 0.4); display:block; margin-left:auto; margin-right:auto;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:20px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}

/* #sb-body,#sb-loading{background-color:#FFF;} */ 

#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden; margin-bottom: -20px;
    /* border: 1px solid #c00; */
    width: calc(100% + 24px);
    margin-left: -10px;}

#sb-title,#sb-title-inner{height:26px;line-height:26px; }
#sb-title-inner{font-size:16px; }

#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#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-title-inner {

    width: 100%;


}


#sb-nav-close {
    float: right;
    width: 16px;
    height: 16px;
    display: none;
    margin: -20px 4px 0px 0px;
    background: url(close.png) no-repeat;
    cursor: pointer;
    opacity: 0.6;
    /* border: #FFF 1px solid; */
   
} /*botão fechar*/


@media screen and (max-width: 980px) {

    #sb-wrapper-inner{ margin-top: -15px; }
    #sb-container.sb-modal-php #sb-wrapper-inner{
	margin-top: 0 !important;
    }
    
#sb-title,#sb-info{ margin-bottom: 16px;}

	/*
	 * Modais PHP: shell sob a titleBar (44px); card 8px abaixo.
	 * Overlay cobre o vão (visível no claro e no escuro).
	 * z-index: acima do #container_loader (1001), abaixo da titleBar (10001).
	 * Com 1000 o loader cobria o Softbox em ≤980 — só o overlay aparecia.
	 */
	#sb-container {
		z-index: 1002;
	}
	#sb-container.sb-modal-php {
		top: 44px !important;
		height: calc(100% - 44px) !important;
	}
	#sb-container.sb-modal-php #sb-wrapper {
		top: 8px !important;
		visibility: visible !important;
	}

}