#video-container {
	width: 708px;
	height: 399px;
	position: relative;
}

#video-controls {
	
	color:grey;
	text-align:center;
	height:26px;
	padding: 4px 8px 8px 8px;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-color:black;
	/*width:716px !important;*/
}

#video-controls input{
	border:none;
	padding-left:0px;
	padding-right:0px;
	color: red;
}

#video-container:hover #video-controls {
	opacity: .9;
}

div#video-controls:hover {
	
}
input[type=range] {
    -webkit-appearance: none;
    background-color: grey;
    width: 200px;
    height:5px;
    padding:0px !important;
    position:relative;
    top:-15px;
}
input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    background-color: red;
    width: 5px;
    height: 15px;
}




#play-pause, #play-pause2,#playpause,#playpause2, #hd,#hd2, #full-screen,#full-screen2,#fullscreen,#fullscreen2 {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	top:-12px;
	background-color:grey;
	margin-top:17px;
}

#play-pause, #play-pause2, #playpause,#playpause2{
	position:relative;
	top:-12px;
}

#play,{
	padding-right:5px;
}

#currentTime, #currentTime2{
	top:-12px;
	padding-right:5px;
	padding-left:5px;
	position: relative;
}

#play-pause,#play-pause2,#playpause,#playpause2, #hd, #hd2, #full-screen,#full-screen2, #fullscreen,#fullscreen2:hover  {
	cursor: pointer;
}

#seek-bar,#seek-bar2,#seekbar,#seekbar2 {
	width: 30px;
	color: red;
}

#volume-bar, #volume-bar2,#volumebar,#volumebar2 {
	width: 60px;
	
}