/* CSS Document by LPH 2014/12/29 */
body { font-family: "Microsoft YaHei"; background:#a7012f ;}
.wrapper { width:960px; margin:0 auto; position:relative;}
a { text-decoration:none;}

/* header */
.header { width: 100%; height: 637px; background: url(../images/zqdlh/header-bg.jpg) center no-repeat;}
.header p.room-add { position: absolute; top: 416px; left: 0; height: 50px; width: 100%; line-height: 50px; font-size: 24px; color: #fff;}
.room-add-label1 { margin-left: 30px; display: inline-block;}
.room-add-label2 { margin-left: 100px; display: inline-block;}
.header p.room-add a { padding: 0 5px; color: #fff;}
.header p.room-add a:hover { color: #ffe8a4; border-bottom: 1px #ffe8a4 solid; padding-bottom: 3px; }
.header p.introduces { position: absolute; font-size: 14px; color: #fff; text-indent: 30px; line-height: 25px;}
.header p.introduces1 { top: 490px; left: 0;}
.header p.introduces2 { top: 545px; left: 0;}
.header p.introduces3 { top: 600px; left: 0;}
.nav { width: 100%; height: 48px;}
.nav ul li { width: 33.3%; height: 100%; float: left;}
.nav ul li a { display: block; height: 100%; width: 100%; line-height: 45px; font-size: 20px; color: #fafafa;}
.nav ul li.nav-list1 a {padding-left: 83px;}
.nav ul li.nav-list2 a {padding-left: 93px;}
.nav ul li.nav-list3 a {padding-left: 100px;}
.nav ul li a.nav-iten2:hover .header .nav ul { background: url(../images/zqdlh/nav-17.jpg) center no-repeat;}
.zqdlh-16 ul { width: 100%; height: 100%; background: url(../images/zqdlh/nav-16.jpg) center no-repeat;}
.zqdlh-17 ul { width: 100%; height: 100%; background: url(../images/zqdlh/nav-17.jpg) center no-repeat;}
.zqdlh-18 ul { width: 100%; height: 100%; background: url(../images/zqdlh/nav-18.jpg) center no-repeat;}

/*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; }

.program-content{ width: 100%; background: #fff2e8; padding-bottom: 45px;}
.person-container { width: 100%; background: #fff2e8; margin-top: 30px;  padding-bottom: 45px;}
.container-title { width: 100%; height: 48px; background: url(../images/zqdlh/sub-title-01.jpg); margin-top: 30px;}
.open-music { width: 100%; height: 40px; line-height: 40px; margin-top: 20px; font-size: 18px; color: #ab0132; }
.open-music label { font-size: 24px; color: #ab0132; margin-left: 20px;}
.open-music a { font-size: 18px; color: #ab0132; padding: 0 20px; background: url(../images/zqdlh/music-play-icon.png) left center no-repeat;}
.open-music a:hover { background: url(../images/zqdlh/music-play-icon-hover.png) left center no-repeat; color: #ff7300; text-decoration: underline;}
.program-list { width: 96%; padding: 0 3%; color: #ab0132; }
.program-list h1 { font-size: 24px; height: 60px; line-height: 60px; margin-top: 20px;}
.program-list p { font-size: 16px; text-indent: 20px; line-height: 28px; }
.program-list ul { margin-top: 20px;}
.program-list ul li { height: 30px; line-height: 30px;}
.program-list ul li p { height: 30px; width: 50%; overflow: hidden; float: left; word-break: break-all;}
.program-list ul li.musiclist span { padding-right: 10px;}
.program-list ul li a { color: #ff8a0d;}
.program-list ul li a:hover { color: #ff8a0d; text-decoration: underline;}

.person-container { margin-bottom: 30px; position: relative;}
.person-container .person-title { width: 78%; padding-left: 22%; height: 48px; line-height: 48px; background: url(../images/zqdlh/sub-title-02.jpg);}
.person-container .person-title a { font-size: 22px; color: #fff; margin-left: 50px; }
.person-container .person-title a:hover { color: #920ac2; text-decoration: underline;}
.person-list-content { width: 94%; height: 187px; margin: 0 3%; margin-top: 20px; overflow: hidden; position: relative;}
.person-list-content ul { width: 1000%; height: 187px;}
.person-list-content ul li { width: 137px; height: 187px; position: relative; float: left; margin-right: 16px;}
.person-item-img a.person-item-img-box { width: 133px; height: 183px; background: #fff; padding: 2px; display: block;}
.person-item-img a.person-item-img-box:hover { background: #ff8a0d;}
.person-item-img a.person-item-img-box img { width: 100%; height: 100%;}
.person-item-infor { position: absolute; width: 133px; height: 50px; bottom: 2px; left: 2px; z-index: 3;}
.person-item-infor-wrapper { position: absolute; width: 133px; height: 50px; background: #000; bottom: 2px; left: 2px; filter:alpha(opacity=30); opacity: 0.3; z-index: 2;}
.person-item-infor p { width: 100%; height: 25px; line-height: 25px; text-align: center; color: #fff;}
.person-item-infor a { display: block; color: #fff; width:133px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.person-item-infor a:hover { color: #ff8a0d; text-decoration: underline;}
.person-container a.control-btn { position: absolute; background: url(../images/zqdlh/control-btn.png) no-repeat; display: block; width: 16px; height: 28px; top: 150px;}
.person-container a.control-pre { background-position: 0 0; left: 13px;}
.person-container a.control-next { background-position: -16px 0; right: 13px;}
/* footer */
#footer_link_info a{ color: #fff}
#footer_link_info a:hover{ color: #ffe87e}
#footer_link_info p{ color: #fff}