/*.mejs-overlay-button {background:url('play_dummy.png')!important;}*/
.mejs-time-loaded, .mejs-time-current { height:4px!important; background:#676467!important; }
.mejs-time-buffering { height:4px!important; background:#151215!important; }
.mejs-controls { background:transparent!important;; background:#0A0A0A!important;; }
.mejs-controls .mejs-time-rail .mejs-time-total { height:6px!important; margin-top:8px!important; }
.mejs-controls .mejs-time-rail .mejs-time-handle { display:block!important; }
.mejs-controls .mejs-time-rail .mejs-time-handle { border:none!important; background:transparent!important; width:14px!important; height:14px!important; background:url('time-handle.png')!important; }
.mejs-playpause-button { width:57px!important; }
.mejs-controls .mejs-play button { background:transparent!important; background:url('play-pause-button.png')!important; width:43px!important; height:19px!important; margin:5px 2px 0 12px!important; background-repeat:no-repeat!important; background-position:0 0!important; }
.mejs-controls .mejs-play button:hover { background-position:0 -19px!important; }
.mejs-controls .mejs-play button:active { background-position:0 -38px!important; }
.mejs-controls .mejs-pause button { background:transparent!important; background:url('play-pause-button.png')!important; width:43px!important; height:19px!important; margin:5px 2px 0 12px!important; background-repeat:no-repeat!important; background-position:-43px 0!important; }
.mejs-controls .mejs-pause button:hover { background-position:-43px -19px!important; }
.mejs-controls .mejs-pause button:active { background-position:-43px -38px!important; }
.mejs-controls .mejs-fullscreen-button button { background:transparent!important; background:url('full-button.png')!important; width:22px!important; height:22px!important; margin:4px 2px 0 2px!important; background-repeat:no-repeat!important; background-position:0 0!important; }
.mejs-controls .mejs-fullscreen-button button:hover { background-position:0 -22px!important; }
.mejs-controls .mejs-fullscreen-button button:active { background-position:0 -44px!important; }
.mejs-controls .mejs-unfullscreen button { background:transparent!important; background:url('full-button.png')!important; width:22px!important; height:22px!important; margin:4px 2px 0 2px!important; background-repeat:no-repeat!important; background-position:-22px 0!important; }
.mejs-controls .mejs-unfullscreen button:hover { background-position:-22px -22px!important; }
.mejs-controls .mejs-unfullscreen button:active { background-position:-22px -44px!important; }

.mejs-speed-button { visibility:hidden; }
.mejs-controls button { outline:none!important; }
.mejs-controls .mejs-time-rail .mejs-time-total { outline:none!important; }
.mejs-captions-button { display:none!important; }
.mejs-captions-text {
	background:transparent;
	text-shadow:black 1px 1px 0px, black -1px 1px 0px,
				black 1px -1px 0px, black -1px -1px 0px,
				0 0 1px #000,
				0 0 5px #000,
				0 0 1px #000;
/*
	text-shadow:1px 3px #000, 1px -3px #000,
				-1px 3px #000,-1px -3px #000,
				2px 2px #000, 2px -2px #000,
				-2px 2px #000,-2px -2px #000,
				3px 1px #000, 3px -1px #000,
				-3px 1px #000,-3px -1px #000;
*/
}

.ellor-log {
	width: 90%;
	height:400px;
	margin:0 auto;
	background:#999;
	overflow-y:scroll;
	color:#000;
	font-size:16px;
}

#container{ width: 700px; margin: 20px auto; }
#video-container { -sdisplay: none; }
.mejs-container { margin:0 auto;}
.mejs-container .mejs-controls { bottom: -30px; }
/*.mejs-container .mejs-controls  div.mejs-speed-button { display:none;!important; }*/

.btn-high, .btn-low, .btn-smt {
	position: absolute;
	top: 6px; right:4px;
	list-style-type: none;
	width:37px;
	height:17px;
	display: none;
/*	float: left;*/
/*	margin: 6px 4px;*/
	border: 0;
	background-image: url('type-button.png');
	background-position: left top;
}
.btn-low { background-position: left -17px; }
.btn-smt { background-position: left -34px; }
.btn-high:hover { background-position: -37px top; }
.btn-low:hover { background-position: -37px -17px; }
.btn-smt:hover { background-position: -37px -34px; }

.spacer30 { width:1px; height:30px; }

#video-link {
	position: absolute;
	background: rbga(255,0,0,0.5);
	top:40px; left:4px;
}

.mejs-captions-layer {
	bottom:transparent;
	top:0;
}

.mejs-captions-position-hover { top:473px; }

/*.mejs-mediaelement { z-index:1; }*/
.mejs-layers { z-index:20; }
/*.mejs-captions-layer { z-index:2; }*/
/*.mejs-overlay-play { z-index:3; }*/
.mejs-controls { z-index:6; }
.mejs-banner {
	z-index: 5;
	position:relative;
}
.burner_area { z-index:7; }

#video_banner {
	position:absolute;
	bottom: 0;
	width:100%;
}
#video_banner div {
	margin: 0 auto;
	opacity: 0;
	width: 314px;
	height: 19px;
	line-height: 38px;
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: #FF9900;
	font-size: 16px;
	border: 2px solid;
	border-color: #AAA #444 #000 #AAA;
	transition: opacity 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out;
		-o-transition: opacity 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; /* opera */
		-moz-transition: opacity 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; /* firefox */
		-webkit-transition: opacity 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; /* chrome, safari */
		-ms-transition: opacity 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; /* ie */
}
.mejs-banner:hover #video_banner div {
	opacity: 1;
	width: 628px;
	height: 38px;
}
.mejs-clock { position:absolute; top:0; }
#mejs-timer-text {
	color:#FFF;
	margin:4px auto auto 4px;
	font-size: 18px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:bold;
	background:transparent;
	text-shadow:black 1px 1px 0px, black -1px 1px 0px,
				black 1px -1px 0px, black -1px -1px 0px,
				0 0 1px #000,
				0 0 5px #000,
				0 0 1px #000;
}