﻿/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
/*html{ background-image: url(''); background-attachment: fixed; }*/
body{ font-family: "Microsoft YaHei"; font-size: 18px; position: relative; background-color: #9E0203;}
a{ text-decoration: none; }

/*main*/
div.main{ /*position: relative; top: 0;*/ width: 960px; margin: 0 auto; overflow: hidden; text-align: left; margin-top: -290px; }

/*background*/
div.bg0{ width: 100%; height: 450px; background: url("../images/zqContent/bg0.jpg") no-repeat center; }
/*bg0.png 2099*746*/
/*减去mini-top的32px*/

div.header{ width: 100%; height: 166px; }
div.header p.title{ font-size: 46px; line-height: 46px; color: #FFE896; margin-left: 100px; text-align: center; }

div.title{ background-color: #FFE8CB; width: 100%; height: 180px; }
div.title img{ margin-top: 26px; float: left; margin-left: 44px;  width: 250px; height: 115px; padding: 8px; border: 1px solid #F5D5AC; background-color: #ffffff; }
div.title img:hover{ border: 1px solid #D98283; }
div.title div.contenttitle{ float: left; width: 620px; height: 132px; margin-top: 26px; margin-left: 16px; position: relative; }
div.title div.contenttitle p{ line-height: 42px; font-size: 16px; color: #666666; }
div.title div.contenttitle p a{ font-size: 16px; color: #666666; }
div.title div.contenttitle p a:hover{ border-bottom: #C4011F dotted 1px; }
div.title div.contenttitle p.pt{ margin-left: -8px; font-size: 18px; color: #C4011F; }
div.title div.contenttitle p.pt a{ font-size: 18px; color: #C4011F; }
div.title div.contenttitle p.pt a:hover{ border-bottom: #C4011F dotted 1px; }
div.title div.contenttitle a.huifang{ display: none; width: 62px; height: 20px; position: absolute; top: 10px; left: 454px; background: url("../images/zqContent/huifang.png") no-repeat center; }
div.title div.contenttitle a.huifang:hover{ background: url("../images/zqContent/huifang2.png") no-repeat center; }
div.title div.contenttitle a.shibao{ width: 62px; height: 20px; position: absolute; top: 10px; left: 534px; background: url("../images/zqContent/shibao.png") no-repeat center; }
div.title div.contenttitle a.shibao:hover{ background: url("../images/zqContent/shibao2.png") no-repeat center; }
div.title div.contenttitle a.state1{ display: none; color: #FF7E00; font-size: 16px; line-height: 16px; position: absolute; top: 54px; left: 260px; }
div.title div.contenttitle a.state2{ display: none; color: #00FF00; font-size: 16px; line-height: 16px; position: absolute; top: 54px; left: 260px; }
div.title div.contenttitle a.state3{ display: none; color: #FF0000; font-size: 16px; line-height: 16px; position: absolute; top: 54px; left: 260px; }

/*player*/
div.flashPlayer{ position: relative; height: 514px; width: 960px; font-size: 12px; line-height: 22px; }
div.flashPlayer div.playerBox{ height: 376px; width: 100%; background-color: #000000; }
div.flashPlayer div.playerBox div.title{ height: 40px; 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: #F5D5AC; position: relative; }
div.flashPlayer div.thumbList div.scrollArea{ width: 864px; height: 138px; margin-left: 48px; 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 #F5D5AC; }
div.flashPlayer div.thumbList div.scrollArea ul li:hover img{ border: 2px solid #FF0000; }
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: #FF0000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current img{ border: 2px solid #FF0000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current p a{ color: #FF0000; }
div.flashPlayer div.thumbList a.playBtn{ color: #FFCCCC; background-color: #FF0000; position: absolute; display: block; width: 30px; height: 100px; top: 16px; cursor: pointer; z-index: 1; font-size: 50px; line-height: 90px; text-align: center; overflow: hidden; }
div.flashPlayer div.thumbList a.playBtn:hover{ color: #FFD6D6; background-color: #FF3434; }
div.flashPlayer div.thumbList a.playPrev{ left: 9px; text-indent: -4px; }
div.flashPlayer div.thumbList a.playNext{ right: 9px; text-indent: -4px; }

div.content{ width: 100%; background-color: #FFE8CB; color: #666666; }
div.content p.introduce{ width: 100%; height: 60px; background: url("../images/zqContent/introduce.png") no-repeat center; }
div.content p.procedure{ width: 100%; height: 60px; background: url("../images/zqContent/procedure.png") no-repeat center; }
div.content p.program{ width: 100%; height: 60px; background: url("../images/zqContent/program.png") no-repeat center; }
div.content p.producer{ width: 100%; height: 60px; background: url("../images/zqContent/producer.png") no-repeat center; }
div.content div.introduce{ margin-left: 28px; border-left: #D98283 1px solid; }
div.content div.procedure{ margin-left: 28px; border-left: #D98283 1px solid; }
div.content div.program{ margin-left: 28px; border-left: #D98283 1px solid; }
div.content div.introduce div.box{ padding-left: 16px; padding-right: 44px; overflow: hidden; width: 880px; font-size: 14px; line-height: 28px; }
div.content div.procedure div.box{ padding-left: 16px; padding-right: 44px; overflow: hidden; width: 880px; font-size: 14px; line-height: 28px; }
div.content div.program div.box{ padding-left: 16px; padding-right: 44px; overflow: hidden; width: 880px; font-size: 14px; line-height: 28px; }
div.content div.introduce div.box a,
div.content div.procedure div.box a,
div.content div.program div.box a{ color: #FF0000; }
div.content div.introduce div.box a:hover,
div.content div.procedure div.box a:hover,
div.content div.program div.box a:hover{ color: #D98283; }
div.content a.show{ display: block; color: #FF0000; font-size: 14px; line-height: 24px; padding-left: 16px; cursor: pointer; }
div.content a.show:hover{ border-bottom: none 0; }

div.content div.producer{ width: 100%; height: 200px; position: relative; z-index: 1; overflow: hidden; background-color: #FFE8CB; }
div.content div.producer div.picBox{ width: 894px; overflow: hidden; margin-left: 33px; margin-top: 10px; position: relative; }
div.content div.producer div.picBox ul.pic{ display: block; width: 99999px; }
div.content div.producer div.picBox ul.pic li{ display: block; float: left; padding: 0 8px; }
div.content div.producer div.picBox ul.pic li a.headlink{ display: block; background-color: #F5D5AC; padding: 4px; position: relative; }
div.content div.producer div.picBox ul.pic li a.headlink:hover{ background-color: #D98283; }
div.content div.producer div.picBox ul.pic li a.headlink img{ display: block; width: 125px; height: 173px; }
div.content 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.content div.producer div.picBox ul.pic li a.headlink p.intro:hover{ text-decoration: underline; }
div.content 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.content div.producer a.scrollBtn{ display: none; _display: block; position: absolute; width: 21px; height: 35px; top: 70px; cursor: pointer; z-index: 1;  overflow: hidden; }
div.content div.producer a.prev{ left: 33px; background: url("../images/zqContent/btnl.png") no-repeat center;}
div.content div.producer a.next{ right: 33px; background: url("../images/zqContent/btnr.png") no-repeat center;}
div.content div.producer:hover a{ display: block; }

p.comment{ width: 100%; height: 60px; background: url("../images/zqContent/comment.png") no-repeat center; }
div.comment{ width: 100%; background-color: #FFE8CB; padding: 2px 40px 40px 44px; }
#vv_comment{ width: 876px; }
.talk_box { min-height: 300px; }

/*遮蔽*/
.overlay{ display: none; position: fixed; left: 0px; top: 0px; opacity: 0.5; filter: alpha(opacity=50);  z-index: 1000; width: 100%; height: 100%; background: none repeat scroll 0 0 #666666; }
.overbody{ display: none; position: fixed; left: 0px; top: 0px; z-index: 1010; width: 100%; height: 100%; }
.overlay,
.overbody{ _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.scrollLeft)); _width:expression(eval(document.documentElement.clientWidth)); _height:expression(eval(window.screen.availHeight)); }

/*信息*/
#message{ display: none; position: absolute; top: 50%; left: 50%; width: 350px; height: 200px; margin-left: -175px; margin-top: -100px; background: url("../images/quanMinKuangHuan/msg.png") no-repeat center; z-index: -1; }
#message a.close{ display: block; float: right; width: 30px; height: 30px; *position: relative; *z-index: 10; }
#message p.top{ display: block; width: 350px; height: 30px; font-size: 16px; text-indent: 10px; text-align: left; line-height: 30px; color: #9D012C; *margin-top: -30px; _float: left; }
#message p.bottom{ display: block; position: absolute; left: 0; bottom: 0; margin-top: 170px; width: 350px; height: 30px; font-size: 12px; text-indent: 42px; line-height: 30px; color: #383D37; }
#message p.bottom em{ color: #FE4D53; }
#message p{ line-height: 18px; font-size: 18px; color: #4D0013; text-align: center; }
#message p a{ color: #FF6702; vertical-align: middle; cursor: pointer; }
#message p a:hover{ text-decoration: underline; }
#message a.btn{ display: inline-block; height: 26px; line-height: 26px; padding: 0 8px; text-align: center; color: #ffffff; vertical-align: middle; background-color: #FF6702; cursor: pointer; }
#message a.btn:hover{ background-color: #FF893B; color: #ffffff; text-decoration: none; }
/*查看*/
#message3{ display: none; position: absolute; top: 50%; left: 50%; width: 618px; height: 352px; margin-left: -309px; margin-top: -176px; background: url("../images/quanMinKuangHuan/msg2.png") no-repeat center; z-index: -1; }
#message3 a.close{ display: block; float: right; width: 30px; height: 30px; *position: relative; *z-index: 10; }
#message3 p.top{ display: block; width: 618px; height: 352px; font-size: 14px; margin-left: 28px; padding-top: 16px; text-align: left; line-height: 32px; color: #000000; *margin-top: -30px; }

/*footer*/
#footer_link_info p{ color: #ffffff; font-family: Arial; }
#footer_link_info a{ color: #ffffff; }
#footer_link_info a:hover{ color: #FF3434; }
