﻿/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
body{ font-family: "Microsoft YaHei"; font-size: 18px; background: url("../images/zqhy/bg.jpg") repeat 0 0; }
a{ text-decoration: none; }
em{ font-style: normal; }

/*background*/
div.bg0{ width: 100%; height: 478px; padding: 1px 0; background: url("../images/zqhy/bg0.jpg") no-repeat center; }
div.bg0 div.msgbox{ width: 560px; height: 100px; margin: 0 auto; margin-top: 340px; padding: 12px 0 12px 170px; }
div.bg0 div.msgbox p{ font-size: 18px; line-height: 24px; color: #EACD59; }
div.bg0 div.msgbox p a{ color: #EACD59; text-decoration: underline; }
div.bg0 div.msgbox p a:hover{ color: #ffffff; }
/*main*/
div.main{ width: 980px; margin: 0 auto; overflow: hidden; text-align: left; }

div.header{ width: 978px; height: 78px; border: 1px dashed #A40000; padding: 10px 0; margin: 10px 0; }
div.header p.title{ font-size: 14px; line-height: 24px; color: #A40000; padding-left: 34px; }

/*player*/
div.flashPlayer{ position: relative; height: 574px; width: 980px; font-size: 12px; line-height: 22px; }
div.flashPlayer p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; text-indent: 56px; color: #EACD59; background: url("../images/zqhy/t1.jpg") no-repeat 0 0; }
div.flashPlayer div.playerBox{ height: 376px; width: 960px; padding: 10px 10px 0; background-color: #ffffff; }
div.flashPlayer div.playerBox div.title{ height: 40px; width: 960px; background-color: #000000; position: relative; }
div.flashPlayer div.playerBox div.title p{ color: #F2F2F2; font-size: 18px; height: 40px; line-height: 40px; text-indent: 20px; }
div.flashPlayer div.playerBox div.title span{ position: absolute; top: 0; right: 10px; color: #ffffff; display: block; font-size: 18px; height: 40px; line-height: 40px; }
div.flashPlayer div.playerBox div.player{ height: 336px; width: 100%; background-color: #000000;}

/*player-list*/
div.flashPlayer div.thumbList{ width: 100%; height: 138px; background-color: #ffffff; position: relative; }
div.flashPlayer div.thumbList div.scrollArea{ width: 864px; height: 138px; margin-left: 58px; overflow: hidden; }
div.flashPlayer div.thumbList div.scrollArea ul{ width: 99999px; height: 138px; }
div.flashPlayer div.thumbList div.scrollArea ul li{ float: left; width: 272px; height: 106px; cursor: pointer; margin: 18px 8px 14px 8px; }
div.flashPlayer div.thumbList div.scrollArea ul li img{ display: block; width: 268px; height: 80px; border: 2px solid #EDEDED; }
div.flashPlayer div.thumbList div.scrollArea ul li:hover img{ border: 2px solid #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li p{ display: block; width: 100%; height: 22px; line-height: 22px; text-align: center; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.flashPlayer div.thumbList div.scrollArea ul li p a{ color: #666666; font-size: 14px; }
div.flashPlayer div.thumbList div.scrollArea ul li p a:hover{ color: #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current img{ border: 2px solid #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current p a{ color: #A40000; }
div.flashPlayer div.thumbList a.playBtn{ position: absolute; display: block; width: 52px; height: 52px; top: 43px; cursor: pointer; z-index: 1; background: url("../images/zqhy/btn.jpg") no-repeat; }
div.flashPlayer div.thumbList a.playPrev{ left: 10px; background-position: 0 0; }
div.flashPlayer div.thumbList a.playNext{ right: 10px; background-position: -52px 0; }
div.flashPlayer div.thumbList a.playPrev:hover{ background-position: 0 -52px; }
div.flashPlayer div.thumbList a.playNext:hover{ background-position: -52px -52px; }

div.program{ width: 980px; margin-top: 20px; position: relative; z-index: 1; overflow: hidden; background-color: #ffffff; }
div.program p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; text-indent: 56px; color: #EACD59; background: url("../images/zqhy/t2.jpg") no-repeat 0 0; }
div.program p.top{ padding-left: 20px; font-size: 16px; padding-bottom: 10px; line-height: 40px; color: #A40000; }
div.program p.top a{ color: #A40000; }
div.program p.top a:hover{ text-decoration: underline; }
div.program p.tit{ padding-left: 20px; font-size: 16px; line-height: 40px; color: #A40000; }
div.program p.list{ padding-left: 40px; position: relative; height: 24px; font-size: 14px; line-height: 24px; color: #000000; }
div.program p.list em{ float: left; vertical-align: top; }
div.program p.list span{ float: left; vertical-align: top; }
div.program p.list span a{ color: #A40000; }
div.program p.list span a:hover{ text-decoration: underline; }
div.program p.list span.l{ margin-left: 10px; }
div.program p.list span.r{ position: absolute; top: 3px; left: 340px; bottom: 3px; width: 350px; }
div.program p.bottom{ padding-left: 20px; padding-top: 10px; font-size: 16px; line-height: 40px; color: #A40000; }
div.program p.bottom a{ color: #A40000; }
div.program p.bottom a:hover{ text-decoration: underline; }

div.producer{ width: 980px; margin-top: 20px; position: relative; z-index: 1; overflow: hidden; background-color: #ffffff; }
div.producer p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; text-indent: 62px; color: #EACD59; background: url("../images/zqhy/t3.jpg") no-repeat 0 0; }
div.producer p.title a.more{ font-size: 16px; line-height: 50px; text-indent: 0; vertical-align: top; color: #EACD59; display: inline-block; margin-right: 30px; }
div.producer p.title a.more:hover{ color: #ffffff; }
div.producer p.title a.left{ margin-left: 80px; }
div.producer div.picBox{ width: 894px; overflow: hidden; margin: 30px 0 40px 43px; position: relative; }
div.producer div.picBox ul.pic{ display: block; width: 99999px; }
div.producer div.picBox ul.pic li{ display: block; float: left; padding: 0 8px; }
div.producer div.picBox ul.pic li a.headlink{ display: block; background-color: #DFDFDF; padding: 4px; position: relative; }
div.producer div.picBox ul.pic li a.headlink:hover{ background-color: #A40000; }
div.producer div.picBox ul.pic li a.headlink img{ display: block; width: 125px; height: 173px; }
div.producer div.picBox ul.pic li a.headlink p.intro{ display: block; position: absolute; left: 4px; bottom: 4px; width: 125px; height: 38px; font-size: 14px; line-height: 16px; text-align: center; color: #ffffff; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.producer div.picBox ul.pic li a.headlink p.intro:hover{ text-decoration: underline; }
div.producer div.picBox ul.pic li a.headlink p.layer{ display: block; position: absolute; left: 4px; bottom: 4px; width: 125px; height: 38px; z-index: 1; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); }
div.producer a.scrollBtn{ display: none; _display: block; position: absolute; width: 21px; height: 35px; top: 150px; cursor: pointer; z-index: 1;  overflow: hidden; }
div.producer a.prev{ left: 43px; background: url("../images/zqhy/btnl.png") no-repeat center;}
div.producer a.next{ right: 43px; background: url("../images/zqhy/btnr.png") no-repeat center;}
div.producer:hover a{ display: block; }

div.recommend{ width: 980px; margin-top: 20px; background-color: #ffffff; overflow: hidden; }
div.recommend p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; text-indent: 62px; color: #EACD59; background: url("../images/zqhy/t4.jpg") no-repeat 0 0; }
div.recommend p.title a.more{ font-size: 16px; line-height: 50px; text-indent: 0; background: url("../images/zqhy/btn2.png") no-repeat 32px 0; color: #ffffff; float: right; margin-right: 10px; padding-right: 16px; }
div.recommend p.title a.more:hover{ color: #EACD59; background-position: 32px -50px; }
div.recommend ul.box{ width: 1002px; padding: 30px 0 10px; }
div.recommend ul.box li{ float: left; margin-right: 20px; padding: 0 30px; }
div.recommend ul.box li a.headlink{ display: block; width: 250px; height: 115px; border: 2px solid #DFDFDF; }
div.recommend ul.box li a.headlink:hover{ border: 2px solid #A40000; }
div.recommend ul.box li a.headlink img{ display: block; width: 250px; height: 115px; }
div.recommend ul.box li p{ text-align: center; font-size: 14px; line-height: 60px; }
div.recommend ul.box li p a{ color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.recommend ul.box li p a:hover{ color: #A40000; }

div.comment{ width: 980px; background-color: #ffffff; margin-top: 20px; }
div.comment p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; text-indent: 62px; color: #EACD59; background: url("../images/zqhy/t5.jpg") no-repeat 0 0; }
#vv_comment{ width: 940px; padding: 20px; }
.talk_box { min-height: 300px; }

/*footer*/
#footer_link_info p{ font-family: Arial; }
#footer_link_info a{ color: #000000; }
#footer_link_info a:hover{ color: #A40000; }
