body, h1, h2, h3, ul, li, dl, dt, dd, form, a, span, p{
margin: 0;
padding: 0;
border: none;
list-style-type: none;
color: #868686;
font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
text-decoration: none;
position: relative;
}
body{
background-color: #000;
}
.clearfix:after{
display:block;
clear:both;
content:'.';
height: 0;
visibility:hidden;
}
.clearfix{
zoom:1;
}
.noSelect{
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
#bgfs{
position: fixed;
z-index: -555;
background: white;
width: 100%;
height: 100%;
top:0;
}
#bgfs>img{
width:100%;
height:100%;
min-height: 840px;
min-width: 1440px;
}
.wrapper{
width:1440px;
height: 840px;
margin: 0 auto;
}
.themes_purple{
background:url(../web_images/vbg_purple.jpg) no-repeat;
}
.themes_yellow{
background:url(../web_images/vbg_yellow.jpg) no-repeat;
}
.themes_brown{
background:url(../web_images/vbg_brown.jpg) no-repeat;
}
.themes_blue{
background:url(../web_images/vbg_blue.jpg) no-repeat;
}
.themes_green{
background:url(../web_images/vbg_green.jpg) no-repeat;
}
.theater{
width:1285px;
margin: 0 70px 0 85px;
position:relative;
}
.titleline{
height: 82px;
position: relative;
}
.btnback{
float:left;
width:110px;
height:30px;
display:block;
background-color: #202228;
margin-top: 25px;
margin-left: 20px;
text-align:center;
line-height:30px;
text-indent:-10px;
word-spacing:6px;
}
.btnback:hover{
color:rgb(201,201,201);
background-color: #34363F;
}
.titleline .title{
float:left;
margin-top: 25px;
margin-left:14px;
padding-left:12px;
height:30px;
border-left:solid 1px rgb(80,82,91);
}
.titleline .title p{
color:rgb(201,201,201);
font-size:24px;
text-align:center;
line-height:30px;
}
.color_pan{
float:right;
margin-top: 54px;
margin-right: 8px;
}
.color_pan span{
font-size:12px;
line-height:14px;
vertical-align: middle;
}
.color_pan a{
width:22px;
height:14px;
margin-right:5px;
display:inline-block;;
vertical-align: middle;
}
.color_pan .yellow{
background-color:rgb(66,46,20);
}
.color_pan .brown{
background-color:rgb(49,29,24);
}
.color_pan .blue{
background-color:rgb(25,57,57);
}
.color_pan .green{
background-color:rgb(31,51,27);
}
.color_pan .purple{
background-color:rgb(54,14,47);
}
.color_pan .yellow:hover{
background-color: rgb(182,127,55);
}
.color_pan .brown:hover{
background-color:rgb(135,55,24);
}
.color_pan .blue:hover{
background-color:rgb(33,133,132);
}
.color_pan .green:hover{
background-color:rgb(77,124,55);
}
.color_pan .purple:hover{
background-color:rgb(132,32,116);
}
.color_pan .yellow:active{
background-color:rgb(158,108,43);
}
.color_pan .brown:active{
background-color:rgb(117,47,19);
}
.color_pan .blue:active{
background-color:rgb(29,116,115);
}
.color_pan .green:active{
background-color:rgb(63,104,44);
}
.color_pan .purple:active{
background-color:rgb(114,27,99);
}
.main{
height: 540px;
position: relative;
z-index:1;
}
.vplayer{
width: 960px;
height: 540px;
float: left;
}
.right{
float: right;
width: 325px;
height: 540px;
position: relative;
}
.panel_tab{
position:relative;
}
.panel_tab li{
width:162px;
height:45px;
float:left;
text-align: center;
vertical-align: middle;
font-size:17px;
}
.panel_tab li>a{
display:block;
width:163px;
height:45px;
}
.panel_tab li.cur>a{
background-color:#1c2126;
color:#C9C9C9;
}
.panel_tab li>a>div{
padding-top:10px;
}
#id_cmt_num{
background-color: rgb(181,54,48);
margin-left: 5px;
margin-top: 3px;
font-size:12px;
padding: 0px 5px 1px;
color:white;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border-radius: 8px; 
vertical-align: top;
display: none;
height: 16px;
}
#id_cs_num{
font-size:12px;
}
#comment,#course{
height:409px;
overflow:hidden;
position: relative;
}
.cmt_list{
width:293px;
margin-left:10px;
}
.cmt_list>li{
font-size:12px;
padding:12px 0 10px;
border-bottom: dashed 1px #868686;
}
.cmt_list>li:last-child{
border: none;
}
.cmt_list>li:after{
display:block;
clear:both;
content:'.';
height: 0;
visibility:hidden;
}
.cmt_list>li>div{
float:left;
}
.cmt_list .u_photo img{
width:41px;
height:41px;
padding-bottom:2px;
}
.cmt_list .li_r{
width:244px;
margin-left:8px;
}
.cmt_list .cmtline1{
line-height:12px;
}
.cmt_date{
float:right;
}
.cmt_list .cmt_content{
margin-top:8px;
line-height: 18px;
}
.none_cmt{
width:100%;
height:100%;
text-align:center;
}
.none_cmt p{
font-size:12px;
top:118px;
padding-top:85px;
background:url(../web_images/nocmt.png) no-repeat;
background-position:center 0;
}
.cs_list{
}
.cs_list>li>a,.cs_list>li>div{
width:293px;
display:block;
font-size:12px;
margin-left:10px;
padding:10px 0 10px;
border-bottom: dashed 1px;
line-height:22px;
}
.cs_list>li:last-child>a,.cs_list>li:last-child>div{
border:none;
}
.cs_list>li:hover{
background-color:rgba(192,192,192,0.05);
}
.cs_list>li:hover p{
color:rgb(255,173,57);
}
.cur_course{
padding-left:20px;
float:right;
background:url(../web_images/playing_icon.png) no-repeat;
background-position:0 center;
}
.comment{
height:86px;
}
.input{
position:relative;
width:248px;
height: 86px;
float:left;
}
.cmt_txt{
width: 220px;
height: 20px;
border: none;
margin-top: 33px;
margin-left:7px;
background:none;
padding: 0px 6px;
position:relative;
outline:none;
z-index:5;
line-height: 16px;
}
.tip0{
position:absolute;
top: 27px;
left:7px;
width: 225px;  
height: 25px;  
border: solid 1px black;
padding-top: 5px;
padding-left: 7px;
z-index:1;
background-color: #474747;
background-color: rgba(185,185,185,0.2);
color:#1e1f24;
font-size:14px;
/*font-weight:700;*/
cursor: text;
}
.publish{
position:relative;
float:left;
width: 77px;
height: 86px;
}
.pub_btn{
display:block;
width:100%;
height:100%;
position: relative;
background: url(../web_images/pub_cmt.png) no-repeat;
background-position:16px 24px;
}
.pub_btn:hover{
background: url(../web_images/pub_cmt_hover.png) no-repeat;
background-position:16px 24px;
}
.pub_btn:active{
background: url(../web_images/pub_cmt_click.png) no-repeat;
background-position:16px 24px;
}
.r_scroll{
position:absolute;
right:0px;
top:45px;
width:10px;
height:409px;
z-index:50;
}
.r_scrollslider{
position:absolute;
display: none;
width:10px;
height:70px;
top:0px;
background-color:rgb(61,61,61);
background-color:rgba(61,61,61,0.4);
cursor:pointer;
}
.action{
position:absolute;
left: -46px;
}
.action>div{
width:46px;
height: 49px;
margin-bottom:3px;
position:relative;
}
.bg5{
width:100%;
height:100%;
position:absolute;
background-color: rgb(43, 43, 43);
filter: alpha(Opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
.action_num{
display:block;
position:relative;
z-index:5;
font-size: 12px;
color:rgb(80,82,91);
text-align:center;
padding:30px 6px 0;
}
.action .star .action_num{
background:url(../web_images/store2.png) no-repeat;
background-position: center 5px;
}
.action .prize .action_num{
background:url(../web_images/prize2.png) no-repeat;
background-position:center 5px;
}
.action .star .action_num:hover{
background:url(../web_images/store2_hover.png) no-repeat;
background-position: center 5px;
}
.action .prize .action_num:hover{
background:url(../web_images/prize2_hover.png) no-repeat;
background-position:center 5px;
}
.action .star .action_num:active{
background:url(../web_images/store2_click.png) no-repeat;
background-position:center 5px;
}
.action .prize .action_num:active{
background:url(../web_images/prize2_click.png) no-repeat;
background-position:center 5px;
}
.action .star.ready .action_num{
background:url(../web_images/store2_click.png) no-repeat;
background-position:center 5px;
}
.action .prize.ready .action_num{
background:url(../web_images/prize2_click.png) no-repeat;
background-position:center 5px;
}
.member{
height: 129px;
}
.teacher{
float:left;
width:262px;
height:100%;
position:relative;
}
.tInfo{
position:relative;
z-index:5;
}
.tphoto{
float:left;
margin:11px 8px 0 8px;
display: block;
}
.tphoto>img{
width:100px;
height:100px;
border:solid 5px rgba(80,80,80,0.2);
-moz-border-radius: 54px; 
-webkit-border-radius: 54px; 
border-radius: 54px;
}
.t_info{
float:left;
margin-top:45px;
width: 128px;
}
.t_info h2{
color:rgb(178,170,170);
font-size:18px;
font-weight: normal;
}
.t_info p{
font-size:12px;
line-height: 16px;
margin-top: 3px;
}
.student{
float:left;
width:1023px;
height:100%;
overflow:hidden;
}
.student>p{
margin-left:9px;
font-size:12px;
line-height:38px;
}
.st_list{
margin-left:25px;
}
.st_list>li{
margin-right:25px;
float:left;
width:58px;
}
.st_list>li>img{
width:58px;
height:58px;
display: block;
}
.st_list>li>p{
font-size:12px;
margin: 2px 0 14px;
text-align:center;
line-height: 14px;
word-wrap: break-word;
}
.bg0{
width:100%;
height:669px;
background-color: rgb(111, 111, 111);
position:absolute;
top: 82px;
filter: alpha(Opacity=10);
-moz-opacity: 0.1;
opacity: 0.1;
}
.bg1{
width: 100%;
height: 100%;
background-color: rgb(11, 11, 11);
position: absolute;
top: 0;
filter: alpha(Opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
.bg2{
width: 100%;
height: 100%;
background-color: rgb(44, 44, 47);
position: absolute;
top: 0;
filter: alpha(Opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.bg3{
width: 100%;
height: 100%;
background-color: rgb(23, 23, 23);
position: absolute;
top: 0;
filter: alpha(Opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.bg4{
width: 100%;
height: 100%;
background-color: rgb(13, 13, 13);
position: absolute;
top: 0;
filter: alpha(Opacity=70);
-moz-opacity: 0.7;
opacity: 0.4;
}
.ie #close{
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
}
.ie #close:hover{
	background-image:url(../web_images/close.png);
	background-repeat:no-repeat;
	background-position:center;
	background:rgba(0,0,0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); 
    zoom:1;
}
#close{
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0);
}
#close:hover{
	background:rgba(0,0,0,0.1);
}
#close:after{
	transition:300ms;
	-moz-transition:300ms;
	-webkit-transition:300ms;
	-o-transition:300ms;
	-ms-transition:300ms;
	content:'';
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
}
#close:hover:after{
	content:'';
	display:block;
	overflow:hidden;
	height:50px;
	width:50px;
	position:absolute;
	background:url(../web_images/close.png) no-repeat center;
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.greylay{
	width:100%;
	position:absolute;
	background:#000;
	z-index:999998;
	filter:alpha(opacity=30);
	opacity:0.3;
	top:0;
	left:0;
}