@charset "utf-8";
body{ background-color: #E30F01; min-width: 1300px; }
/* 整张底图 */
.y8allbox {
    position: absolute;
    width: 100%;
    min-width: 1300px;
    /* height: 1500px; */
}
.y8allbox_top1 {
    position: relative;
    width: 100%;
    height: 375px;
    background: url(../images/programlist/y11_yx_bg1-1.jpg) repeat-y center;
}
.y8allbox_top2 {
    position: relative;
    width: 100%;
    height: 324px;
    background: url(../images/programlist/y11_yx_bg2.jpg) repeat-y center;
}
.y8allbox_top3 {
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/programlist/y11_yx_bg3.jpg) repeat-y center;
}
.whjmd_top1 {
  position: relative;
  width: 1020px;
  height: 80px;
  background: url(../images/programlist/y11_dlh_whjmd1.png) no-repeat center;
}
.whjmd_top2 {
  position: relative;
  /*padding: 30px 30px 0px 70px;*/
  width: 1020px;
  background: url(../images/programlist/y11_dlh_whjmd2.png) repeat-y center;
}
.whjmd_top3 {
  position: relative;
  width: 1020px;
  height: 64px;
  background: url(../images/programlist/y11_dlh_whjmd3.png) no-repeat center;
}
/*banner*/
div.banner{ height: 730px; position: relative; }
div.banner div.time-wrap { width: 579px; height: 107px; position: absolute; left: 50%; margin-left: -290px; font-size: 25px; color: transparent; line-height: 1.5; top: 126px;text-align: center;
	filter: alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white);
	opacity: 0;
	zoom: 1; 
}
div.time-wrap .time { margin-top: 16px; }
div.time-wrap .live-room a { font-size: 30px; color:transparent; text-decoration: none;
	filter: alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white);
	opacity: 0;
	zoom: 1; }
div.banner .action-info{
	display: block;  position: absolute; left: 50%; margin-left: -509px; bottom: 52px;
	width: 1018px;
	height: 258px;
	background: url(../images/programlist/y11_yx_head_title.png) no-repeat center;
}

div.box{ width: 1020px; margin: 0 auto; }
div.boxtitle{ height: 65px; width: 363px; margin: 0 auto; }
/*站庆晚会*/
div.box1{ height: 616px; margin-bottom: 40px; position: relative; z-index: 10;  background: url('../images/programlist/y11_yx_box_bg2.png') no-repeat center;}
/* .title1{ background: url('../images/programlist/title1.png') no-repeat center; position: relative; z-index: 10; } */
p.videotitle{ height: 40px; line-height: 40px; padding: 70px 23px 0; font-size: 16px; color: #ED2F2B; }
div.video-content { width: 1000px; height: 600px; margin: 0 auto;}
p.videotitle .name{ float: left; }
p.videotitle .count{ float: right; }
div.playerbox1{ width: 968px; height: 296px; padding: 5px; margin: 0 auto; }
#playerbox{ width: 965px; height: 286px; background-color: #000; margin: 0 auto; }
#player1{ width: 965px; height: 286px; background-color: #000; margin: 0 auto; }
div.slide-box{ width: 968px; height: 120px; margin: 16px auto; position: relative; }
a.slidebtn{ display: block; width: 44px; height: 44px; position: absolute; top: 20px; background: url('../images/programlist/slidebtnbg2.png') no-repeat; cursor: pointer}
a.slidebtn.left{ left: 0; background-position: 0 0; }
a.slidebtn.left:hover{ background-position: 0 -90px; }
a.slidebtn.right{ right: 0; background-position: 0 -46px; }
a.slidebtn.right:hover{ background-position: -1px -136px; }
div.list-box{ height: 120px; width: 864px; margin: 0 auto; overflow: hidden; position: relative; }
ul.list{ overflow: hidden; position: absolute; }
li.videoinfo{ height: 120px; width: 268px; margin: 0 10px; float: left; *display: inline; }
li.videoinfo:hover{ cursor: pointer; }
li.videoinfo .video{ height: 80px; width: 264px; border: 2px solid #fefbe4; background-color: #000; }
li.videoinfo.on .video, li.videoinfo:hover .video{ border-color: #FE8269; }
li.videoinfo .video-name{ height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666; }
li.videoinfo.on .video-name, li.videoinfo:hover .video-name{ color: #ED2F2B; }

/*晚会节目单*/
div.box2 {position: relative; z-index: 10; }
/* .title2{ background: url('../images/programlist/title2.png') no-repeat center; width: 357px; height: 66px; position: relative; z-index: 10; } */
div.item-list{ padding: 30px 30px 0px 70px }
div.article-list { padding-top: 60px; font-size: 15px; color: #642cc8; font-family: Microsoft YaHei; }
.chapter{ height: 44px; line-height: 44px; font-size: 18px; font-weight: normal; color: #f54f50; }
.item-list .item{ padding-left: 20px; height: 24px; line-height: 24px; font-size: 14px; color: #666; }
.item-list .index{ display: inline-block; width: 30px; font-style: normal; }
/* .MsoNormal{ padding-left: 20px; height: 24px; line-height: 24px; font-size: 14px; color: #666; }
.MsoNormal:nth-child(3), 
.MsoNormal:nth-child(10), 
.MsoNormal:nth-child(17),
.MsoNormal:nth-child(24),
.MsoNormal:nth-child(31){ padding-left: 0; height: 44px; line-height: 44px; font-size: 18px; font-weight: normal; color: #f54f50; }
.MsoNormal:nth-child(2),
.MsoNormal:nth-child(9), 
.MsoNormal:nth-child(16), 
.MsoNormal:nth-child(23),
.MsoNormal:nth-child(30),
.MsoNormal:nth-child(32){ display: none; } */

/*晚会工作人员*/
div.box3 { margin: 40px auto; }
/* .title3{ background: url('../images/programlist/title3.png') no-repeat center; width: 362px; height: 65px; position: relative; z-index: 10; } */
div.stuff-list { position: relative; padding-top: 96px; height: 176px; }
div.list_wrap { width: 890px; height: 176px; margin: 0 auto; overflow: hidden; position: relative; }
div.slidebox2{ background: url('../images/programlist/y11_bg4.png') no-repeat center; margin: 0 auto 0; position: relative; overflow: hidden; width: 1020px; height: 340px; }
ul.list2{ height: 176px; overflow: hidden; position: absolute; left: -10px; }
/* li.personnel{ position: relative; width: 130px; height: 180px; margin: 6px 14px; float: left; *display: inline; border: 1px solid #fff; box-shadow: 0 0 5px #dfdcc8; }
li.personnel.curr, li.personnel:hover{ border: 1px solid #f54f50; box-shadow: 0 0 5px #f0bfad; }
a.user-img{ display: block; height: 100%; width: 100%; }
a.user-img img{ height: 100%; width: 100%; }
p.user-desc{ position: absolute; bottom: 0; height: 40px; width: 100%; padding: 4px 0; line-height: 20px; color: #fff; font-size: 14px; text-align: center; background: url('../images/programlist/shadowbg.png') repeat; }
li.personnel.curr .user-desc, .personnel:hover .user-desc{ color: #f54f50; } */
li.personnel {
	height: 180px;
	width: 130px;
	margin: 0 10px;
	position: relative;
	border: 2px solid #fff;
	box-shadow: 0 0 5px #e0d5c7;
	overflow: hidden;
	float: left;
	transition: 0.3s;
	background-color: #f71c22;
}

li.personnel.curr,
li.personnel:hover {
	background-color: #e5190a;
	border: solid 2px #e5190a;
	box-shadow: 0 0 5px #f1b9ac;
}

.user-img {
	display: block;
	height: 130px;
	width: 100%;
}
.user-img-a
{
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
}
a.user-img img {
	height: 100%;
	width: 100%;
}

p.user-desc {
	position: absolute;
	bottom: 26px;
	/* height: 40px; */
	width: 100%;
	padding: 4px 0 0px 0;
	height: 20px;
	line-height: 20px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	width: 120px;
	max-width: 120px;
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	_display: -webkit-box;
	_max-width: 120px;
	
	-webkit-box-orient: vertical;  
	-moz-box-orient: vertical;    
	-ms-box-orient: vertical;    
	-o-box-orient: vertical;   
	-webkit-line-clamp: 1;  
	-moz-line-clamp: 1;     
	-ms-line-clamp: 1;
	-o-line-clamp: 1;
	word-break: normal;
	word-wrap: break-word;
}
p.user-desc2
{
	position: absolute;
	bottom: 2px;
	/* height: 40px; */
	width: 100%;
	padding: 0px 0 4px 0;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 120px;
	max-width: 120px;
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	_display: -webkit-box;
	_max-width: 120px;
	
	-webkit-box-orient: vertical;  
	-moz-box-orient: vertical;    
	-ms-box-orient: vertical;    
	-o-box-orient: vertical;   
	-webkit-line-clamp: 1;  
	-moz-line-clamp: 1;     
	-ms-line-clamp: 1;
	-o-line-clamp: 1;
	word-break: normal;
	word-wrap: break-word;
}



a.slidebtn2{ display: block; width: 44px; height: 44px; position: absolute; top: 160px; background: url('../images/programlist/slidebtnbg2.png') no-repeat; z-index: 100; cursor: pointer}
a.slidebtn2.left2{ left: 20px; background-position: 0 0; }
a.slidebtn2.left2:hover{ background-position: 0 -90px; }
a.slidebtn2.right2{ right: 20px; background-position: 0 -46px; }
a.slidebtn2.right2:hover{ background-position: -1px -136px; }


/*评论区*/
div.box4{ padding-bottom: 40px; }
div.title4{ background: url('../images/programlist/y11_title4.png') no-repeat center; width: 1020px; height: 80px; }
div.comment-wrap { background: url('../images/programlist/y11_dlh_whjmd2.png') repeat-y center; width: 1020px; }
#vv_comment{ width: 918px; margin: 0 auto; }
#vv_comment .talk_box{ background-color: #fefde0; }
#vv_comment .talk_submit_btn a {background: #F34A38; color: white; border: none; margin-bottom: 20px;}
#vv_comment .talk_top_tit { color: #575757; }
#vv_comment .talk_window_logo .vvlogo{background: #FFFFFF}
#cmt_txt0{ width: 100%; }
.comment-foot { width: 1020px; height: 64px; background: url('../images/programlist/y11_dlh_whjmd3.png') no-repeat center; }

div.footlogo{ height: 89px; width: 209px; margin: 0 auto; background: url('../images/index/y11_bottom-logo.png') no-repeat center; }

#footer_link_info p, #footer_link_info a{ color: #fff; }



.hbg {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 998;
	width: 100%;
	height: 100%;
	background: url(../images/aside/grey_bg.png) repeat;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	_left: expression(eval(document.documentElement.scrollLeft));
	_width: expression(eval(document.documentElement.clientWidth));
	_height: expression(eval(document.documentElement.clientHeight));
}