/* CSS Document by LPH 2014/12/31 */
body { font-family: "Microsoft YaHei"; background:url(../images/zqjmzb/body-bg.jpg) repeat;}
.wrapper { width:960px; margin:0 auto; position:relative; z-index: 20;}
a { text-decoration:none;}

/* header */
.header { width: 100%; height: 446px; background: url(../images/zqjmzb/header-bg.jpg) center no-repeat;}

/* nav */
.nav { width: 100%; height: 54px; background: url(../images/zqjmzb/nav-bg.jpg) center repeat-x;}
.nav-list { width: 100%; height: 54px; line-height: 54px;}
.nav-list li { width: 240px; height: 54px; line-height: 54px; text-align: center; float: left;}
.nav-list li a { font-size: 20px; color: #fff7d0; padding-left: 50px;}
.nav-list li a.nav-item-01 { background: url(../images/zqjmzb/nav-icon-01-h.png) left center no-repeat;}
.nav-list li a.nav-item-02 { background: url(../images/zqjmzb/nav-icon-02-h.png) left center no-repeat;}
.nav-list li a.nav-item-03 { background: url(../images/zqjmzb/nav-icon-03-h.png) left center no-repeat;}
.nav-list li a.nav-item-04 { background: url(../images/zqjmzb/nav-icon-04-h.png) left center no-repeat;}
.nav-list li:hover a { color: #ffde00; }
.nav-list li:hover a.nav-item-01 { background: url(../images/zqjmzb/nav-icon-01-h-0.png) left center no-repeat;}
.nav-list li:hover a.nav-item-02 { background: url(../images/zqjmzb/nav-icon-02-h-0.png) left center no-repeat;}
.nav-list li:hover a.nav-item-03 { background: url(../images/zqjmzb/nav-icon-03-h-0.png) left center no-repeat;}
.nav-list li:hover a.nav-item-04 { background: url(../images/zqjmzb/nav-icon-04-h-0.png) left center no-repeat;}
.nav-list li.current { background: url(../images/zqjmzb/body-bg.jpg) repeat;}
.nav-list li.current a { color: #c41c39; }
.nav-list li.current a.nav-item-01 { background: url(../images/zqjmzb/nav-icon-01.png) left center no-repeat;}
.nav-list li.current a.nav-item-02 { background: url(../images/zqjmzb/nav-icon-02.png) left center no-repeat;}
.nav-list li.current a.nav-item-03 { background: url(../images/zqjmzb/nav-icon-03.png) left center no-repeat;}
.nav-list li.current a.nav-item-04 { background: url(../images/zqjmzb/nav-icon-04.png) left center no-repeat;}
.nav-left-bg { width: 137px; height: 290px; background: url(../images/zqjmzb/icon.png) no-repeat; position: absolute; left: -150px; top: 50px;}
.nav-right-bg { width: 137px; height: 290px; background: url(../images/zqjmzb/icon.png) no-repeat; position: absolute; right: -150px; top: 50px;}

/* container */
.container { margin-top: 20px; position: relative; z-index: 40;}
.sub-nav { width: 100%; height: 49px; position: relative; z-index: 30;}
.sub-nav-content { width: 85%; height: 37px; margin: 0 72px; background: #c41c39; }
.sub-nav-left-bg { width: 72px; height: 49px; background: url(../images/zqjmzb/sub-nav-left-bg.png) no-repeat; position: absolute; left: 0; top: 0;}
.sub-nav-right-bg { width: 72px; height: 49px; background: url(../images/zqjmzb/sub-nav-right-bg.png) no-repeat; position: absolute; right: 0; top: 0;}
.class-list ul li { height: 33px; line-height: 33px; margin:2px 0; float: left;}
.class-list ul li a { font-size: 16px; color: #fff7d1; padding: 0 15px;}
.class-list ul li:hover a { color: #ffde00;}
.class-list ul li.current {  background: #f9c525;}
.class-list ul li.current a { color: #b3273f;}
.class-list-text { height: 33px; line-height: 33px; font-size: 16px; color: #fff7d1; float: left; }

.zhuanqu { width: 162px; height: 32px; float: right; margin-top: 2px;}
.zhuanqu a.zq-title { width: 100%; height: 32px; line-height: 32px; text-align: center; display: block; font-size: 14px; color: #a60924; background: #f9c525 url(../images/zqjmzb/angle-icon-down.png) 140px center no-repeat; cursor: pointer;}
.zhuanqu:hover a.zq-title { background: #f9c525 url(../images/zqjmzb/angle-icon.png) 140px center no-repeat;}
.zhuanqu ul.zq-list { width: 100%; }
.zhuanqu ul.zq-list li { width: 100%; height: 32px; line-height: 32px; text-align: center; border-top: 1px solid #da6d71; background: #ca3247;}
.zhuanqu ul.zq-list li a { font-size: 14px; color: #fff7d0; display: block; width: 100%; height: 100%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none;}
.zhuanqu ul.zq-list li:hover { background: #9a122a;}
.zhuanqu ul.zq-list li:hover a { color: #ffc516;}
#contentBox { width: 162px; height: 300px; z-index: 10; position: relative; overflow:hidden; display: none;}
#mainContent { width: 148px;}
#slideContent { width: 14px; height: 100%; background: #84191b; position:absolute; top:0; right:0; z-index: 11;}
#slideBar { width: 10px; height: 69px;  background: url('../images/zqjmzb/sidebar-bg.png') center no-repeat; position:absolute; top:0; right:2px; z-index: 12;}

/* content */
.content { margin-top: 20px; width: 100%; border: 1px #c41c39 solid; background: #fae4bb; position: relative; z-index: 2;}
.sub-header { width: 100%; height: 40px; line-height: 40px;}
.sub-header-page { width: 200px; height: 40px; margin-left: 30px; float: left;}
.sub-header-page a { width: 75px; height: 25px; line-height: 25px; border: 1px #aaa solid; background-color: #f1ebe0; color: #844310;}
.sub-header-page a:hover { color: #c41c39; border: 1px #c41c39 solid;}
.sub-header-page a.page-pre { padding:0 10px 0 30px; background: #f1ebe0 url(../images/zqjmzb/pre-icon.png) 10px no-repeat;}
.sub-header-page a.page-pre:hover { background: #f1ebe0 url(../images/zqjmzb/pre-icon-hover.png) 10px no-repeat;}
.sub-header-page a.page-next { padding:0 30px 0 10px; background: #f1ebe0 url(../images/zqjmzb/next-icon.png) 70px no-repeat; margin-left: 10px;}
.sub-header-page a.page-next:hover { background: #f1ebe0 url(../images/zqjmzb/next-icon-hover.png) 70px no-repeat;}
.filter { float: right; margin-right: 30px; color: #844310;}
.filter a { color: #844310;}
.filter a:hover , 
.filter a.current, 
.program-infor p a:hover, 
.program-infor .program-tips a.program-like:hover, 
.program-infor h3.program-title a:hover,
.program-infor .program-tips a.program-liked:hover { color: #c41c39; text-decoration: underline;}

.program-content { width: 100%; margin-top: 10px;}
.program-item { width: 920px; height: 190px; margin: 10px; padding: 10px; background: #fdf6e4; }
.program-item a.program-img { float: left; width: 630px; height: 190px; margin-right: 20px;}
.program-item a.program-img img { width: 100%; height: 100%;}
.program-infor { float: right; width: 260px; height: 190px;}
.program-infor h3.program-title { height: 45px; width: 260px; line-height: 45px; border-bottom: 1px #d4b99c solid; margin-bottom: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.program-infor h3.program-title a { font-size: 18px; color: #844310;}
.program-infor p { height: 30px; line-height: 30px; font-size: 14px; color: #844310;}
.program-infor p a , 
.program-infor .program-tips a.program-like, 
.program-infor .program-tips a.program-liked{ font-size: 14px; color: #c41c39;}
.program-infor .program-tips { width: 100%; height: 40px; border-top: 1px #d4b99c double; margin-top: 20px; padding-top: 10px; font-size: 14px; color: #844310;}
.program-infor .program-tips a.program-like { float: right; padding-left: 20px; background: url(../images/zqjmzb/like.png) left no-repeat;}
.program-infor .program-tips a.program-liked { float: right; padding-left: 20px; background: url(../images/zqjmzb/liked.png) left no-repeat; cursor: default; color: #c41c39;}
.program-infor .program-tips label.program-like-num,
.program-infor .program-tips label.program-like-ff { float: right;}
.program-infor p a.program-player { font-size: 14px; color: #c41c39;}
.program-infor p a.program-player:hover { text-decoration: underline;}

.angle-bg { position: absolute; width: 13px; height: 11px;}
.angle-bg1-p { top: 0; left: 0; background: url("../images/zqjmzb/smailBg_01.png") no-repeat;}
.angle-bg2-p { top: 0; right: 0; background: url("../images/zqjmzb/smailBg_02.png") no-repeat;}
.angle-bg3-p { bottom: 0; left: 0; background: url("../images/zqjmzb/smailBg_03.png") no-repeat;}
.angle-bg4-p { bottom: 0; right: 0; background: url("../images/zqjmzb/smailBg_04.png") no-repeat;}


/*分页组件样式*/
.zq-page-content { width: 100%; height: 38px; margin: 20px 0; font-size: 14px;}
.zq-page-control, .zq-page-wrapper { position: relative; height: 100%; float: left; _display: inline;}
.zq-page-wrapper { left: 50%;}
.zq-page-control { left: -50%; height: 24px; padding: 7px 10px; background: #fdf4e4;} 		/* 让内容居中 */
.zq-page-control a, .zq-page-control label { float: left; display: block; width: auto; height: 24px; line-height: 24px; font-size: 14px; color: #844310; padding: 0 8px; margin: 0 1px;}
.zq-page-control label span { padding: 0 5px;}
.zq-page-control a.zq-page-item:hover, .zq-page-control a.current { background: #d42b48; color: #fff; cursor: pointer;}
.zq-page-control ul { float: left; display: block; width: auto; height: 24px;}
.zq-page-control ul li { float: left; height: 24px; line-height: 24px;}
.zq-page-control input { float: left; display: block; width: 40px; height: 16px; line-height: 16px; text-align: center; color: #844310; margin-top: 4px; border: 1px solid #844310;}
.zq-page-control a.zq-page-point { width: 27px; height: 24px; background: url('../images/zqjmzb/page-point-bg.png') center no-repeat; display: none;}

/* 广告 */
.ad-content { width: 100%; height: 100px; margin: 20px 0;}
.ad-content a { display: block; width: 100%; height: 100px; background: url("../images/zqjmzb/ad.jpg") no-repeat;}

/* footer */
.footer { width: 100%; height: 148px; background: url("../images/zqjmzb/footer-bg.jpg") no-repeat; margin-top: 30px;}
#footer_link_info a{ color: #fff}
#footer_link_info a:hover{ color: #ffe8a1}
#footer_link_info p{ color: #fff}
.zhuchirenList{ padding: 0 10px;}
.zhuchirenList ul{ clear: both; overflow: hidden; width: 980px;}
.zhuchirenList li{ float: left; width: 288px; height: 202px;margin-right: 38px; overflow: hidden;}
.zhuchirenList li a{ color: #844310; font-size: 14px; line-height: 24px;text-align: center;}
.zhuchirenList li a span{ display: block; text-align: center;}
.zhuchirenList li img{ }

.zhichurenTitle{ padding: 5px 0; clear: both; overflow: hidden;}
.zhichurenTitle h3{ font-size: 18px; color: #844310; float: left; margin-left: 10px;}
.zhichurenTitle a{ float: right; font-size: 18px; color: #844310; margin-right: 10px;}