/* homepage reel player */

div#reelplayer {
	width:  460px; height: 380px;
	background: transparent url(/assets/images/player/duo-video-player-01.png) top left no-repeat;
	margin-left: 40px;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


img.screenshot {
	margin:  20px 0 0 30px;
	border-bottom: 1px solid #bbb;	border-bottom: 0px solid #bbb;
}



div#reelplayer div {
	margin: 10px 0 0 30px;
}


div#reelcontent {
	display: none;
	padding: 30px 60px 15px;
	text-align:center;
	background: transparent url(/assets/images/overlay/reel-ol-bg-02.png) top left no-repeat;

	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	width: 420px;
	height: 315px;

}


div#reelcontent div.close { 
    background: transparent url(/assets/images/jqtools/overlay/close-02.png) top left no-repeat;
    position:absolute; 
    right: -4px;
    top: -5px;
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

#exposeMask {
	background: #222;
}


/* overlays */
div.overlay {

		padding: 30px 60px 15px;
		text-align:center;
		background: transparent url(/assets/images/overlay/reel-ol-bg-02.png) top left no-repeat;
	
		-moz-box-shadow:0 0 90px 5px #000;
		-webkit-box-shadow: 0 0 90px #000;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		
		width: 420px;
		height: 315px;
		
		display: none;
}
 
div.overlay div.close {
	background: transparent url(/assets/images/jqtools/overlay/close-02.png) top left no-repeat;
	position:absolute; 
	right: -4px;
	top: -5px;
	cursor:pointer; 
	height:35px; 
	width:35px; 
}
 
a.player { 		
	display:block;
	height:450px;			
}



img.reel-image {
}



span.reelicon { 
    background: transparent url(/assets/images/player/play-icon.png) top left no-repeat;
    display: block;
    position: relative; 
    right: -5px;
    top: 5px;
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 500;
	border: 1px solid #ff0;
}
a.watchbutton {
	display: block;
	margin:  10px 0 0 0;
	float: right;
	text-indent: -99999px;
	width:  130px;
	height: 35px;
	overflow: hidden;
	background: transparent url(/assets/images/player/watch-video-button.png) top left no-repeat;
	color: #fff;
	text-decoration: none;
}
a.watchbutton:hover {
	background-position: 0 -35px;

-webkit-box-shadow: 0px 3px 20px rgba(256,256,256,0.7);
	}