/*
Fondo Video:
	#000000

Gradiente Controles:
	ORIGINAL		#BFBFBF	-->	#9F9F9F --> #8A8A8A --> #9F9F9F --> #BFBFBF
	#333333	-->	#333333 --> #333333 --> #333333 --> #333333

Sliders:
	Fondo:	#AAAAAA
	Fondo progreso:	#CCCCCC
	Thumb:	#4C4C4C

Textos Hora:
	Color:	#F1F1F1

*/

	#left	{float:left;}

	.JustCode	{position:absolute;float:left;top:0px;right:0px;bottom:0px;left:0px;cursor:pointer;}
	.JustCode .ImgCode	{position:absolute;float:left;}


	.JustPlay	{position:absolute;float:left;top:0px;right:0px;bottom:0px;left:0px;cursor:pointer;}
	.JustPlay .FondoPlay	{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:transparent;opacity:0.8;}
	.JustPlay .FondoPlay:hover	{opacity:1;}

	.video-container {position:relative;padding:0px;margin:0px;background:#000000;}
		.video-container:hover .video-controlsHide	{opacity:0.9;
			-webkit-transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			-ms-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}

		.video-container:hover .video-controlsShow	{opacity:1;}

	.video-controlsHide ,
	.video-controlsShow {
		display:none;
		position:absolute;
		height:35px;
		left: 0px;
		right: 0px;
		padding:0px;

		background:#0D0D0D;
	}

	.video-controlsHide {
		margin-top:-35px;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.video-controlsShow {
		opacity:1;
	}

	.PlyrBoton		{width:18px;height:18px;padding:0px;margin:8px 5px 8px 5px;cursor:pointer;opacity:0.7;}
		.PlyrBoton:hover	{opacity:1;}
	.PlyrTime		{height:18px;line-height:18px;font-size:11px;padding:0px;margin:8px 0px 8px 0px;color:#F1F1F1;}
	.PlyrRange		{float:left;line-height:18px;height:18px;padding:0px;margin:8px 5px 8px 5px;}


	input[type=range]{-webkit-appearance:none;background:transparent;padding:0px;margin:0px;cursor:pointer;border:none;}
	input[type=range]:focus {outline:none;}

/*	Track de la barra de desplazamiento		*/
		/*	Para Chrome		*/
	input[type=range]::-webkit-slider-runnable-track {height:4px;background:#AAAAAA;border:none;border-radius:3px;margin-top:-3px;}

		/* Para Firefox	*/
	input[type=range]::-moz-range-track {width:100%;height:4px;background:#AAAAAA;border-radius:3px;}
	input[type=range]::-moz-range-progress {height:4px;background:#CCCCCC;border-radius:3px;}

		/* Para IE	*/
	input[type=range]::-ms-track {width:100%;height:18px;border:none;background:transparent;color:transparent;}
	input[type=range]::-ms-fill-upper {height:4px;background:#AAAAAA;border-radius:3px;}
	input[type=range]::-ms-fill-lower {height:4px;background:#CCCCCC;border-radius:3px;}


/*	Thumb de la barra de desplazamiento		*/
		/*	Para Chrome		*/
	input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border: none;height: 16px;width: 5px;border-radius: 2px;background: #4C4C4C;margin: -5px 0px 0px 0px;}
		/* Para Firefox	*/
	input[type=range]::-moz-range-thumb {-webkit-appearance: none;border: none;height: 16px;width: 5px;border-radius: 2px;background: #4C4C4C;margin: -5px 0px 0px 0px;padding:0px;}
		/* Para IE	*/
	input[type=range]::-ms-thumb {-webkit-appearance: none;border: none;height: 16px;width: 5px;border-radius: 2px;background: #4C4C4C;margin: 0px;padding:0px;}