/****************************************
/* Video Player CSS
/***************************************/

.videoThumb
{
	width: 150px;
	height: 100px;
}

button.playButton 
{
	display:block;
	background: transparent url(../images/playButton.png) no-repeat center top;;
	z-index: 1;	
	height: 50px;
	width: 50px;
	cursor: pointer;
	position: relative;
	top: -100px;
	left: 50px;
	border: 0;
	
	opacity: .5;
    filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

button.playButton:hover 
{
	background: transparent url(../images/playButtonHover.png) no-repeat center top;
	opacity: .9;
    filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

#video_overlay
{
	opacity: .4;
    filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

	width:100%;
	height:50%	;
	background: #000;
	z-index:10;
	position: fixed;
	top: 0;
	left: 0;		
	padding: 20%;
	text-align:center;
}

#nowPlaying
{
	opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	width: 500px;
	height: 458px;
	background: #000;
	border: 1px solid #222;
	position: fixed;
	left:50%;
	top: 50%;
	margin: -250px 0 0 -250px;
	
	z-index: 20;
}


#nowPlayingVideo
{
	width: 390px;
	height: 260px;
	margin: 90px 0 0 55px; 	 
}


#nowPlayingClose
{
	float: right;
	color: #fff;
	font-size: 2em;	
	cursor: pointer;
	margin: 10px 5px 0 0;
}