/*GEN*/
.video-js .vjs-overlay-no-background{max-width:100%}
.video-js .vjs-overlay{font-size: 120%; text-shadow: 1px 1px 1px #393939;}
.vjs-overlay a,.vjs-overlay a:hover { color:#fff; text-decoration:none;}

/*UN*/
.video-js .vjs-overlay-top {top:0; left:0; width:100%; margin-left:0; text-shadow:none;}
#un-tb-ctn {width:100%; height:100% }
#un-td-left{background-color: rgba(43,51,63,.9); text-align:left; padding:20px;}
#un-td-mid{background: linear-gradient(90deg,rgba(43,51,63,.9),rgba(43,51,63,.4)); text-align:left; padding:20px; width:85%;}
#un-td-right{background-color: rgba(255,255,255,.6); text-align:center; padding:5px; color:rgb(43,51,63);}
#un-label {font-weight:normal; padding-bottom:10px;  font-style: italic;}
#un-title {font-weight:normal;}
#un-counter {}
@media only screen and (min-width:1200px) {#un-title,#un-label {font-size:150%; } #un-counter {font-size:450%;} #un-tb-ctn{margin-top: 40px;} }
@media only screen and (max-width:1200px) {#un-title,#un-label {font-size:140%; } #un-counter {font-size:430%;} #un-tb-ctn{margin-top: 30px;} }
@media only screen and (max-width:900px) {#un-title,#un-label {font-size:130%; } #un-counter {font-size:400%;} #un-tb-ctn{margin-top: 20px;} }
@media only screen and (max-width:599px) {#un-title,#un-label {font-size:110%; } #un-counter {font-size:350%;} #un-tb-ctn{margin-top: 10px;} }
@media only screen and (max-width:400px) {#un-title,#un-label {font-size:90%; } #un-counter {font-size:300%;} #un-tb-ctn{margin-top: 0px;} }

/*Img*/
.video-js .vjs-overlay-top-left{text-align:left; left:23px;top:15px;}
@media only screen and (max-width:1200px) { .video-js .vjs-overlay-top-left { transform: scale(0.95);  transform-origin: top left;} }
@media only screen and (max-width:900px) { .video-js .vjs-overlay-top-left { transform: scale(0.85);  transform-origin: top left;} }
@media only screen and (max-width:599px) { .video-js .vjs-overlay-top-left { transform: scale(0.75);  transform-origin: top left;} }
@media only screen and (max-width:400px) { .video-js .vjs-overlay-top-left { transform: scale(0.65); transform-origin: top left; } }

.video-js .vjs-overlay-top-right{text-align:right; right:23px;top:15px;}
@media only screen and (max-width:1200px) { .video-js .vjs-overlay-top-right { transform: scale(0.95);  transform-origin: top right;} }
@media only screen and (max-width:900px) { .video-js .vjs-overlay-top-right { transform: scale(0.85);  transform-origin: top right;} }
@media only screen and (max-width:599px) { .video-js .vjs-overlay-top-right { transform: scale(0.75);  transform-origin: top right;} }
@media only screen and (max-width:400px) { .video-js .vjs-overlay-top-right { transform: scale(0.65); transform-origin: top right; } }

.video-js .vjs-overlay-bottom-left{text-align:left; left:13px; bottom:3em;}
@media only screen and (max-width:1200px) { .video-js .vjs-overlay-bottom-left { transform: scale(0.95);  transform-origin: bottom left;} }
@media only screen and (max-width:900px) { .video-js .vjs-overlay-bottom-left { transform: scale(0.85);  transform-origin: bottom left;} }
@media only screen and (max-width:599px) { .video-js .vjs-overlay-bottom-left { transform: scale(0.75);  transform-origin: bottom left;} }
@media only screen and (max-width:400px) { .video-js .vjs-overlay-bottom-left { transform: scale(0.65); transform-origin: bottom left; } }

.video-js .vjs-overlay-bottom-right{text-align:right; bottom:3em;}
@media only screen and (max-width:1200px) { .video-js .vjs-overlay-bottom-right { transform: scale(0.95);  transform-origin: bottom right;} }
@media only screen and (max-width:900px) { .video-js .vjs-overlay-bottom-right { transform: scale(0.85);  transform-origin: bottom right;} }
@media only screen and (max-width:599px) { .video-js .vjs-overlay-bottom-right { transform: scale(0.75);  transform-origin: bottom right;} }
@media only screen and (max-width:400px) { .video-js .vjs-overlay-bottom-right { transform: scale(0.65); transform-origin: bottom right; } }

.video-js .vjs-overlay-bottom{text-align:center; width:100%; left: 0; margin-left:0; bottom:3em;}
@media only screen and (max-width:1200px) { .video-js .vjs-overlay-bottom { transform: scale(0.95);  transform-origin: bottom center;} }
@media only screen and (max-width:900px) { .video-js .vjs-overlay-bottom { transform: scale(0.85);  transform-origin: bottom center;} }
@media only screen and (max-width:599px) { .video-js .vjs-overlay-bottom { transform: scale(0.75);  transform-origin: bottom center;} }
@media only screen and (max-width:400px) { .video-js .vjs-overlay-bottom { transform: scale(0.65); transform-origin: bottom center; } }


#a-box-ctn {
	width: 200px;
	background:rgba(255, 255, 255, 0.9);	
	border:0;	
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	border-radius: 2px;
	text-align:center;
	margin-right:10px;
	padding:4px;
}
#a-box-text {
	font-size:13px;
	font-family: Arial, sans-serif;
	text-shadow: none;
	padding:5px;
	margin-top:3px;
	color: #000;
	padding-top:3px;
	line-height: 1.2em;
}
#a-box-logo {

}
#a-box-logo img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
@media only screen and (min-width:1200px) {#a-box-ctn { font-size:100%; }  	}
@media only screen and (max-width:1200px) {#a-box-ctn { font-size:95%; }  	}
@media only screen and (max-width:900px) { #a-box-ctn { width:180px;} #a-box-text {font-size:95%; } }
@media only screen and (max-width:599px) { #a-box-ctn { width:160px;} #a-box-text {font-size:90%; } }
@media only screen and (max-width:400px) { #a-box-ctn { width:110px;} #a-box-text {font-size:85%; } }

#at-vid-ctn {
	cursor:pointer; border-collapse: collapse; border-style: solid; border-width:1px 1px 1px 1px; border-color:#ebbd00; background: rgba(0, 0, 0, 0.65);
}
#at-vid-skip-ctn td {
	font-size:1.3rem;
}
#at-vid-label {
	padding: 6px;
}
#at-vid-counter {
	padding:0px 6px;
}
#at-vid-more-ctn {	
	border-left:1px solid #ebbd00; padding: 6px; text-align:center; background:#ebbd0094;
}
#at-vid-more-link {
	color:#ffffffe8;text-shadow: none;
}