@charset "UTF-8";
/* CSS Document */

.videoContainer{		position:relative;width:100%;max-width:970px;height:auto;margin:0px auto;line-height:0px;}

/*video::-webkit-media-controls-enclosure {	display:none !important;}*/


.videoControlsContainer{			position:absolute;left:0px;top:0px;width:100%;height:100%;overflow:hidden;/*z-index:2147483647;*/}
.controlsCanvas{			position:absolute;left:0px;right:0px;top:0px;bottom:42px;}
.controlsCanvasBackground{		background-image:url(../img/videoControls/PlayPasive.png);background-position:center;background-repeat:no-repeat;}
.videoControls{			position:absolute;left:0px;right:0px;bottom:0px;height:42px;}
.controlsBackground{	position:absolute;left:0px;right:0px;bottom:0px;height:42px;background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6));}

.playPause{			position:absolute;left:4px;bottom:4px;width:32px;height:32px;background-size:cover;}
.play{				background-image:url(../img/videoControls/PlayPasive.png);}
.play:hover{			background-image:url(../img/videoControls/PlayActive.png);}
.pause{				background-image:url(../img/videoControls/PausePasive.png);}
.pause:hover{		background-image:url(../img/videoControls/PauseActive.png);}
.stop{				position:absolute;left:40px;bottom:4px;width:32px;height:32px;background-size:cover;background-image:url(../img/videoControls/StopPasive.png);}
.stop:hover{			background-image:url(../img/videoControls/StopActive.png);}
.seekBarContainer{	position:absolute;left:92px;right:170px;bottom:0px;}
.seekBar{			position:absolute;bottom:12px;width:100%;margin:0px 8px;}
.mute{				position:absolute;right:104px;bottom:4px;width:32px;height:32px;background-size:cover;background-image:url(../img/videoControls/MutePasive.png);}
.mute:hover{			background-image:url(../img/videoControls/MuteActive.png);}
.muteCross{				position:absolute;right:104px;bottom:4px;width:32px;height:32px;background-size:cover;background-image:url(../img/videoControls/MuteCrossPasive.png);}
.muteCross:hover{			background-image:url(../img/videoControls/MuteCrossActive.png);}
.volumeBar{			position:absolute;right:40px;bottom:12px;width:56px;margin:0px 8px;}
.fullScreen{				position:absolute;right:4px;bottom:4px;width:32px;height:32px;background-size:cover;background-image:url(../img/videoControls/FullScreenPasive.png);}
.fullScreen:hover{		background-image:url(../img/videoControls/FullScreenActive.png);}

.console{			position:relative;text-align:center;font-size:36px;line-height:36px;}

.buttonMode{		cursor:pointer;}

/*		input tag		*/

	input[type='range'] {
		-webkit-appearance: none;
		background: linear-gradient(to right, rgba(175, 175, 175, 0.3) 0%, rgba(175, 175, 175, 0.3));
		height: 16px;
		margin:0px;
		padding:0px;
		vertical-align: middle;
		background-size:100% 3px;
		background-repeat: no-repeat;
		background-position:center;
		overflow:hidden;
	}
	input[type='range']::-moz-range-track {
		-moz-appearance: none;
		border:none;
		-moz-border-radius:3px;
		border-radius:3px;
		background: linear-gradient(to right, rgba(175, 175, 175, 0.3) 0%, rgba(175, 175, 175, 0.3));
		/*background-color: #999;*/
		height: 3px;
	}
	input[type='range']::-ms-track{
		border:none;
		height:3px;
		background: linear-gradient(to right, rgba(175, 175, 175, 0.3) 0%, rgba(175, 175, 175, 0.3));
		}
	input[type='range']::-webkit-slider-thumb {
		position:relative;
		-webkit-appearance: none !important;
		border-radius: 16px;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		background-color: white;
		height: 16px;
		width: 16px;
	}
	input[type='range']::-moz-range-thumb {
		-moz-appearance: none;
		border:none;
		border-radius: 16px;
		background-color: white;
		height: 16px;
		width: 16px;
	}
	input[type=''range]::-ms-thumb {
		border:none;
		border-radius: 16px;
		height: 16px;
		width: 16px;
		background-color:white;
		}
	
	input[type='range']::-moz-range-progress {
		background: #EA6903;
		height:3px;
	}
	
	input[type='range']::-ms-fill-lower	{
		background: #EA6903;
		height:3px;
		}
	input[type='range']::-webkit-slider-thumb:before{
		position:absolute;
		top:7px;
		left:-1600px;
		width:1600px;
		height:3px;
		background: #EA6903;
		content: ' ';
		}
	input[type='range']:focus{
		outline:none;
		}