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

body {
	margin: 0;
	padding: 0; font-family:Verdana, Geneva, sans-serif; font-size:10px;
	color: #666666;
	background-color: #e7e7e7;
}
a{ 
text-decoration: none; 
color:#444;
}    ? //??HTML??????
h1 {font-size:2.5em; margin: 15px 0; font-family:Arial, Helvetica, sans-serif; color:#000000;}
.container {
	width: 780px; margin:0 auto;
}
.top { text-align:center;

}
ul.tabs {
	margin: 0 20px;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 2px solid #cc0033; 
	width: 700px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px; color:#000;
	border: 1px solid #d3d3d3; border-bottom:none;
	border-left: none;
	margin-bottom: -1px;
	background: #e7e7e7;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color:#2d2d2d;
	display: block;
	font-size: 1.2em; font-weight:bold;
	padding: 0 30px;
	
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}		
html ul.tabs li.active, html ul.tabs li.active a:hover,html ul.tabs li.active a{
	background: #cc0033; color:#fff;
	border-bottom: 1px solid #cc0033;
}
.tab_container {
	clear: both;
	float: left;
	width: 760px;
	height: 300px;
	background: #fff;
	position:relative;
}
.tab_content {
	float: left;
	text-decoration:none;
	padding-right:0px;
	font-size: 1.2em;
	width:760px;
	position:absolute;
	top:0;
	left:0;
	padding-top:20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.tab_content ul {
	width:760px;
	margin:10px auto;
}

.tab_content ul li {
	width:100px; 
	height:90px;
	float:left; text-align:center;
	margin-right:15px;
	margin-bottom:45px;
	display:inline;
}

.tab_content ul li a {
	display:block; outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.tab_content ul li a img {
	width:87px;
	height:87px; border:1px solid #adadad;
	padding: 0px; margin-bottom:3px;
}
.tab_content ul li span { width:100px; display:block; clear:both;	
	text-overflow:ellipsis;
	overflow: hidden; height:40px; 
}
.pages
{
	position:absolute;
	right:0px;
	top:0px;
}
.pages a
{
    background: url(../dot.png); no-repeat scroll 50% 0 transparent;
    display:block;
    height:12px;
    margin:5px 2px;
    overflow:hidden;
    padding:2px;
    width:12px;
    float:left;
}
.pages a:hover
{
    background-position: 50% -16px;
}
.pages a.active
{
    background-position: 50% -32px; 
}
#player
{ display:block;
	width:320px; height:240px;
	text-align:center;border: 1px solid #d3d3d3; margin-bottom:20px;
}
#videotitle
{ display:block; width:320px;font-size:1.5em;white-space: nowrap; line-height:30px; background-color:#ededed; display:block; height:30px; border:1px solid #d3d3d3; margin-left:-1px;}