@charset "utf-8";

/* CSS Document */



.video-overlay-wrapper{

	display:block;

	width:100%;

	max-width:960px;

	height:544px;

	padding:60px 165px;

	padding:60px 11.5%;

	position:relative;

	background: url(video/images/video-overlay-wrapper-bg.jpg) 0 0 no-repeat;

	position:fixed;

	top:0;

	left:0;

	z-index:201;

}

.video-overlay-wrapper.limelight {
    padding: 50px 11.5% !important;
}

.video-overlay-wrapper > .video-cnt{

	display:block;

	width:100%;

	height:358px;

}

.video-overlay-wrapper > a.close-btn{

	position:absolute;

	top:20px;

	right:20px;

	width:37px;

	height:37px;

	display:block;

	background:url(video/images/video-overlay-close-btn.png) 0 0 no-repeat;	

}

.video-overlay-wrapper > .video-desc{

	/*font-size:16px;*/

	font-size:1.158em;

	line-height:1.124em;

	display:inline-block;

	width:100%;

	clear:both;

	margin-top:30px;

}



@media only screen and (min-width:0px) and (max-width:640px) {

	

	.video-overlay-wrapper{

		padding:45px 0 10px;

		height:500px;

	}

	.video-overlay-wrapper.limelight {
	    padding: 45px 0 10px 10px !important;
	}
	
	.video-overlay-wrapper > .video-cnt{

		display:block;

		width:100%;

		height:358px;

	}

	.video-overlay-wrapper > a.close-btn{

		top:1%;

		right:2%;

	}

	.video-overlay-wrapper > .video-desc{

		margin-top:0;

		padding:15px 10px 0

	}

	

}

@media only screen and (min-width:361px) and (max-width:568px) {

	.video-overlay-wrapper{

		padding:45px 0 10px;

		height:320px;

	}

    .video-overlay-wrapper.limelight {
        padding:45px 0 10px 10px !important;
    }
    	
	.video-overlay-wrapper > .video-cnt{

		display:block;

		width:100%;

		height:180px;

	}

	

}