/*	BigVideo Styles 
	You may need to adjust these styles to get this working right in your design. 
*/

/*ここから　top*/

#top-video-wrap{
	overflow:hidden;
	position:relative;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

#top-video-vid,#top-video-image {position: relative;}


#top-video-control-container{
	position:fixed;
	bottom:0;
	padding:10px;
	width:100%;
	background:rgba(0,0,0,.25);
	 -webkit-transition-duration:0.6s;
	 -moz-transition-duration:0.6s;
	 -ms-transition-duration:0.6s;
	 -o-transition-duration:0.6s;
	 transition-duration:0.6s;
 }

#top-video-control{
	width:100%;
	height:16px;
	position:relative;
	}
#top-video-control-middle{
	margin: 0 56px 0 24px;
	}

#top-video-control-bar{
	width:100%;
	height:16px;
	position:relative;
	cursor:pointer;
	}
	
#top-video-control-progress{
	position:absolute;
	top:7px;
	height:3px;
	width:0%;
	background:#fff;
	}
#top-video-control-track{
	position:absolute;
	top:8px;
	height:1px;
	width:100%;
	background:#fff;
	}
#top-video-control-bound-left{left:0;}

#top-video-control-bound-right{right:-1px}

#top-video-control-track .ui-slider-handle {opacity:0;}

#top-video-control-playhead{left:30%;}

#top-video-control-play{
	position:absolute;
	top:0;
	left:0;
	height:16px;
	width:16px;
	background-image:url('bigvideo.png');}

#top-video-control-timer{
	position:absolute;
	top:1px;
	right:0;
	color:#fff;
	font-size:11px;}

#top-video-control-playhead,#top-video-control-bound-left,#top-video-control-bound-right{
	position:absolute;
	top:0;
	height:16px;
	width:1px;
	background:#fff;}

#top-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}