.videoContainer { 
	cursor: pointer;
	text-align: left; 
	position: relative;
	width: 473px;
}

.videoContainer .roundCorners {
	position:absolute;
	width:472px;
}

.videoContainer .roundCorners .leftVid {
	width: 8px; 
	height: 266px;
	position:absolute;
	top:0;
	left:0;
 }
 
 .videoContainer .roundCorners .rightVid {
	width: 8px; 
	height: 266px;
	position:absolute;
	top:0;
	right:-1px;
 }
 
  .videoContainer .roundCorners .topVid {
	width: 472px; 
	height: 2px;
	position:absolute;
	top:0;
	font-size:0;
}
  .videoContainer .roundCorners .bottomVid {
	width: 472px; 
	height: 2px;
	position:absolute;
	top:264px;
	font-size:0;
}

.flowplayer {
	display:block;
	width:474px;
	height:266px;
}

.flowplayer img {
	border:0;
}

.controlsEnabled:hover .videoControls {
	display: block;
	cursor: default;
}

.videoControls {
	display: none;
	position: absolute; 
	margin: 0; 
	opacity: 0.9; 
	color: #fff;
	left: 0; 
	right: 0;  
	width: 100%;
	bottom: 0; 
	height: 60px; 
	padding: 0; 
	z-index: 20;
}

.videoControls > div { 
	position: absolute; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	height: 32px; 
	top: 18px;
	background: rgba(23, 35, 34, 0.746094);
	background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
	background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
}


.videoControls > div.playControl { width: 65px; left: 10px; }
.videoControls > div.progressControl { left: 85px; right: 160px; }
.videoControls > div.timeHolder { width: 75px; right: 85px; }
.videoControls > div.volumeControl { width: 50px; right: 35px; }
.videoControls > div.fullscreenBTN { 
	width: 25px; 
	right: 10px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.videoControls .playControl { 
	top: 10px; 
	margin: 0; 
	height: 40px;  
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	cursor: pointer; 
}

.playControl:hover { background: #CB6F2A; }

.isPaused  span {
	width: 0; 
	height: 0; 
	border-left: 10px solid #fff; 
	border-top: 5px solid rgba(0,0,0,0); 
	border-bottom: 5px solid rgba(0,0,0,0);
	display: block;
	border-left-color: #fff; 
	border-top-width: 9px;
	border-left-width: 18px; 
	border-bottom-width: 9px; 
	margin: 11px 0 0 24px;
}
.isPlaying span {
	width: 3px; 
	height: 10px; 
	margin: 8px auto 0;
	border-top: 0; 
	border-left: 3px solid #fff; 
	border-bottom: 0; 
	border-right: 3px solid #fff;
	display: block;
}
.isPlaying span { 
	width: 5px; 
	height: 18px; 
	margin: 5px auto 0; 
	border-left: 5px solid #fff; 
	border-right: 5px solid #fff; 
	margin: 11px 0 0 24px; 
}

.progressHolder { 
	position: relative; 
	padding: 0; 
	overflow: hidden; 
	cursor: pointer !important;
	height: 9px; 
	border: 1px solid #777;
	margin: 7px 1px 0 5px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.progressHolder div {
	position: absolute; 
	display: block; 
	width: 0; 
	height: 9px; 
	margin: 0; 
	padding: 0;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.videoControls .progressControl { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }

.progressControl .progressHolder { 
	height: 8px; 
	padding: 1px; 
	margin: 10px 5px 0 10px; 
	border-color: #666666; 
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; 
}
.progressControl .playBar { 
	height: 8px; 
	background: #CB6F2A; 
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; 
}

.progressControl .loadBar { 
	height: 8px; 
	background: #898F8F; 
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
	width: 100%;
}

.videoControls .timeHolder { 
	font-size: 10px; 
	line-height: 1; 
	font-weight: normal; 
	font-family: Arial; 
}

.videoControls .timeHolder span { line-height: 32px; }

.volumeControl { cursor: pointer; }
.volumeControl div { padding: 7px 0 0 5px; width: 30px;}
.volumeControl div span {
	float: left; 
	margin: 0 2px 0 0; 
	padding: 0; 
	width: 3px; 
	height: 3px; 
	border-bottom: 12px solid #666666;
	-webkit-transition: all 100ms linear; -moz-transition: all 100ms linear;
}
.volumeControl div span.volumeLevel { border-color: #CB6F2A; }
.volumeControl div span:hover { height: 0; border-bottom-width: 15px; }

.fullscreenBTN { cursor: pointer !important; }
.fullscreenBTN div {
	padding: 0; 
	text-align: left; 
	vertical-align: top; 
	cursor: pointer !important; 
	margin: 5px 0 0 5px; 
	width: 20px; 
	height: 20px;
}
.fullscreenBTN div span { 
	float: left; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	width: 0; 
	text-align: left; 
	vertical-align: top; 
}

.fullscreenBTN div { margin: 10px 0 0 0; }
.fullscreenBTN { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }

.fullscreenBTN div span:nth-child(1) { 
	margin: 0 4px 4px 0; 
	border: none; 
	border-top: 4px solid #fff; 
	border-right: 4px solid rgba(0,0,0,0); 

	}
.fullscreenBTN div span:nth-child(2) { 
	border: none; 
	border-top: 4px solid #fff; 
	border-left: 4px solid rgba(0,0,0,0); 
}

.fullscreenBTN div span:nth-child(3) { 
	clear: both; 
	margin: 0 4px 0 0; 
	border: none; 
	border-bottom: 4px solid #fff; 
	border-right: 4px solid rgba(0,0,0,0); 
}

.fullscreenBTN div span:nth-child(4) { 
	border: none; 
	border-bottom: 4px solid #fff; 
	border-left: 4px solid rgba(0,0,0,0); 
}

.fullscreenBTN:hover div span:nth-child(3),  
.fullscreenBTN:hover div span:nth-child(4), 
.fullscreenBTN:hover div span:nth-child(1), 
.fullscreenBTN:hover div span:nth-child(2) { 
	border-bottom-color: #CB6F2A; 
}

.fullscreenBTN:hover div span:nth-child(1),  
.fullscreenBTN:hover div span:nth-child(2), 
.fullscreenBTN:hover div span:nth-child(3), 
.fullscreenBTN:hover div span:nth-child(4) { 
	border-top-color: #CB6F2A; 
}

div.bigPlay {
	width: 130px; 
	height: 80px; 
	margin: -40px 0 0 -65px;
	opacity: 0.9;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	background: rgba(23, 35, 34, 0.746094);
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align:center;
	vertical-align:center;
	cursor: pointer;
}
div.bigPlay:hover {
	background: #CB6F2A;
	opacity: 1;
}
div.bigPlay span {
	margin: 22px 0 0 48px;
	border-left: 36px solid #fff; 
	border-top: 18px solid rgba(0,0,0,0); 
	border-bottom: 18px solid rgba(0,0,0,0);
	display: block;
	font-size: 0;
	width: 0;
	height:0;
}
