@charset "utf-8";

#videoplayer .current {
	color: #F00;
}

#videoplayer #video_container{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	}

#videoplayer .videos {
	width:100%;
	background-color: #000;
	height: 431px;
}
#videoplayer #loading{
	display:none;
	position:absolute;
	left: 50%;
	top: 210px;
	right: 50%;
	height: 1px;
	width: 1px;
}

#videoplayer #loading img{
	position:absolute;
	left: -24px;
	top: -24px;
}
#videobox .btns {
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 0px;
	width: 600px;
}

#mini_player #videoplayer .btns{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	height: 100px;
}

#videoplayer .btns a,
#videobox .btns a {
	display: block;
	height: 100px;
	width: 130px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
	filter: alpha(opacity=100);
	-moz-opacity:1.;
	opacity:1.;
}

#videoplayer .btns a:hover,
#videobox .btns a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#videoplayer .btns .current {
	background-position:0px -100px !important;
	cursor: default;
	
}

#videoplayer .btns .current {
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
}

#videoplayer .btns li {
	margin-right: 0px;
	float: left;
	width: 130px;
	display: block;
	padding-left: 35px;
	margin-left: 0px;
}

#videobox .btns li {
	float: left;
	width: 130px;
	display: block;
	padding-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

#videoplayer .btns #btn_video1 a,
#videobox .btns #btn_video1 a {
	background-image: url(../img/btn_video1.gif);
}

#videoplayer .btns #btn_video1_digest a {
	background-image: url(../img/btn_video1_digest.gif);
}

#videoplayer .btns #btn_video1_1 a {
	background-image: url(../img/btn_video1_1.gif);
}
#videoplayer .btns #btn_video1_2 a {
	background-image: url(../img/btn_video1_2.gif);
}
#videoplayer .btns #btn_video1_3 a {
	background-image: url(../img/btn_video1_3.gif);
}


#whatis #videoplayer .btns #btn_life1 a {
	background: url(../img/about/btn_video_life1.gif);
	background-repeat:no-repeat;
}
#whatis #videoplayer .btns #btn_life2 a {
	background-image: url(../img/about/btn_video_life2.gif);
	background-repeat:no-repeat;
}
#whatis #videoplayer .btns #btn_life3 a {
	background-image: url(../img/about/btn_video_life3.gif);
	background-repeat:no-repeat;
}


#videoplayer .btns #btn_video2 a,
#videobox .btns #btn_video2 a {
	background-image: url(../img/btn_video2.gif);
}

#videoplayer .btns #btn_video3 a,
#videobox .btns #btn_video3 a {
	background-image: url(../img/btn_video3.gif);
}


#mini_player #videoplayer .videos {
	height: 360px;
}
#mini_player #videoplayer .videos #video_container {
	width: 640px;
}
#mini_player #videoplayer .btns {
	width: 600px;
	padding-top: 20px;
}
#mini_player {
	background-color: #000;
	width: 640px;
	height: 500px;
	overflow: hidden;
}
#mini_player #videoplayer {
	position: static;
}
#videoplayer a span {
	display: none;
}


#mini_player .btns li {
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 130px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}