/* 온에어 미리보기 overlay CSS */

.video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}
.video-js .vjs-overlay-no-background{max-width:33%}
.video-js .vjs-overlay-background{background-color:rgba(0,0,0,1);border-radius:3px;padding:10px;width:33%;}
.video-js .vjs-overlay-top-left{top:5px;left:5px}
.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px;background-color: rgba(0,0,0,0.1);}
.video-js .vjs-overlay-top-right{right:5px;top:5px}
.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}
.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px;width:25%;background-color: rgba(0,0,0,0.3);}
.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}
.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}
.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}
.video-js .vjs-overlay-center{
    height: 100%;
    width: 100%;
    top: 0.5px;
    left: 0;
}
.video-js .vjs-overlay-center .vjs-overlay-login{
	width: 35%;
    height: auto;
    margin: 5% auto;
    background-color: #0099da;
    font-size: 20px;
    padding: 20px 0;
    cursor: pointer;
}    
.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}
.video-js .vjs-overlay-center h1 {font-size: 24px!important;}

.hide-controls.video-js .vjs-control-bar,
.hide-controls .vjs-big-play-button {
  display: none;
}

@media all and (max-width:768px){
    .video-js .vjs-overlay-center h1 {font-size: 16px!important;}
    .video-js .vjs-overlay-center .vjs-overlay-login{
	width: 55%;
    height: auto;
    background-color: #0099da;
    margin: 5% auto;
    font-size: 18px;
    padding: 12px;
    cursor: pointer;
}
}