/* video container */
.videoContainer{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	/*background:#000;*/
	color:#ccc;
}



/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{
	/*! background:#333; */
	color:#ccc;
	/*! position:absolute; */
	bottom:-20px;
	/*! left:0; */
	/*! width:100%; */
	z-index:5;
	display:block;
	height: 20px;
	z-index:9999;
}

.topControl{
	margin-left:50%;
	padding-top:60px;
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index:8900;
	width: 240px;
	}
.control div.btn {
	float:left;
	width:34px;
	height:30px;
	padding:0 5px;
	/*! border-right:1px solid #404040; */
	cursor:pointer;
	background-color:#ff0000;
}

.control div.btnPlay{
	background:url(../img/control.png) no-repeat 0 0;
	/*! border-left:1px solid #404040; */
}
.control div.paused{
	background:url(../img/control.png) no-repeat 0 -30px;
}
.control div.btnStop{
	background:url(../img/control.png) no-repeat 0 -60px;
}


.control div.btnBack{
	background:url(../img/control.png) no-repeat -88px -30px !important;
	/*! border-left:1px solid #404040; */
}
.iPadBack{
	background:url(../img/control.png) no-repeat -103px -100px;
	position:absolute;
	width:80px;
	height:160px;
	left:-100px;
	top:40%;
	text-align:center;
	}
.iPadFwd{
	background:url(../img/control.png) no-repeat -3px -100px;
	position:absolute;
	width:80px;
	height:160px;
	right:-100px;
	top:40%;
	text-align:center;
	}
.control div.btnFwd{
	background:url(../img/control.png) no-repeat -88px 0px;
	border:none;
}
.control div.btnFS{
	background:url(../img/control.png) no-repeat -44px 0;
	float:right;
}



/* Progress bar */
.progress {
	width:100%;
	height:10px;
	position:relative;
	float:left;
	cursor:pointer;
	margin: 10px 0px;
	z-index: 9000;
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	/*-moz-border-radius:10px;*/
	-webkit-border-radius:2px;
	border-radius:2px;
}
.timeBar{
	z-index:10;
	width:0;
	background: #3FB7FC;
}
.bufferBar{
	z-index:5;
	width:0;
	background-color: rgba(255,255,255,0.1);
}


/* OTHERS CSS */
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none;
}
#init{
	background:url(../img/bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
}
.seekPoint{
	display:inline-block;
	height: 20px;
	width:5px;
	position:absolute;
	background-color:#CCCCCC;
	z-index:999;
	}
.seekPointDesc{
	padding-top:12px;
	font-size: 9px;
	transform: translate(-50%);
	text-align: center;
	min-width: 150px;
}