header,nav,article,footer{margin:auto; width:760px; display:block; position:relative}
body,ul,li,dl,dt,dd,h3,h4,p,form,table,tr,td{margin:0;padding:0;}
body,input,textarea,select{font:12px/1.5 Microsoft YaHei,Tahoma,Arial,Helvetica,Geneva,sans-serif; color:#333;}
ul{list-style:none;}
input,textarea,select{resize:none;}
table{width:100%;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#3B5998;}
a:hover{text-decoration:underline;}
img{border:none;vertical-align:middle;}
.cl:before,.cl:after{content:"";display:table;}
.cl:after{clear:both;}
.cl{zoom:1;}
/*box width*/
.w980{width:980px;}
.w970{width:970px;}
.w760{width:760px;}
.w210{width:210px;}
/*layout*/
.ma{margin:auto;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
/*text & font*/
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fb{font-weight:bold;}
.red{color:#f00;}
.green{color:#0f0;}
.blue{color:#00f;} 
.yellow {color: #ddb43f;}
.hide {display: none;}
body {background: url(../images/newyear/bg_top.jpg) no-repeat center 38px #4b072c;}
.container {width: 1300px; margin: auto;}

/**
 * topbar
 ************************************/
.topbar {height: 38px; background: url(../images/newyear/topbar_bg_x.jpg) repeat-x;}
.topbar .logo {right: 50%; margin-right: 350px;}
.topbar .links {left: 50%; margin-left: 350px; line-height: 36px; color: #c9b6cb;}
.topbar .links a {color: #c9b6cb; margin: 0 10px;}

/**
 * footer
 ************************************/
.footer {height: 66px; background: #2c061b; color: #837c7f; text-align: center;}
.footer span {padding-left: 100px;}

/**
 * nav
 ************************************/
.nav {height: 625px; position: relative;}
.nav ul {width: 996px; height: 257px; overflow: hidden; background: url(../images/newyear/nav_bg.jpg) no-repeat; position: absolute; left: 50%; top: 366px; margin-left: -492px;}
.nav ul li a {display: block; text-indent: -999em; position: absolute;}
.nav ul li.index a {width: 135px; height: 100px; left: 55px; top: 30px;}
.nav ul li.index a:hover, .nav ul li.index a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -55px -290px;}
.nav ul li.model a {width: 135px; height: 100px; left: 200px; top: 75px;}
.nav ul li.model a:hover, .nav ul li.model a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -200px -335px;}
.nav ul li.youth a {width: 135px; height: 100px; left: 345px; top: 115px;}
.nav ul li.youth a:hover, .nav ul li.youth a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -345px -375px;}
.nav ul li.culture a {width: 155px; height: 105px; left: 495px; top: 140px;}/*  background: rgba(0,0,0,.8); */
.nav ul li.culture a:hover, .nav ul li.culture a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -495px -400px;}
.nav ul li.moment a {width: 135px; height: 100px; left: 650px; top: 150px;}
.nav ul li.moment a:hover, .nav ul li.moment a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -650px -410px;}
.nav ul li.program a {width: 135px; height: 100px; left: 810px; top: 150px;}
.nav ul li.program a:hover, .nav ul li.program a.c {background: url(../images/newyear/nav_bg.jpg) no-repeat -810px -410px;}

/**
 * sidebar
 ************************************/
.sidebar {width: 62px; height: 149px; background: url(../images/newyear/sidebar.jpg) no-repeat; position: fixed; left: 50%; bottom: 70px; margin-left: 550px; z-index: 100; display: none;}
.sidebar .prevPage, .sidebar .nextPage {display: block; width: 62px; height: 40px;}
.sidebar .toTop {display: block; width: 62px; height: 69px;}

.mainTitle {color: #aeaaa1; text-indent: 2em; line-height: 26px;}
.mainTitle a {color: #ddb43f; font-weight: bold;}

/**
 * 晚会首页
 ************************************/
/* mainIntro*/
.mainIntro {height: 292px; background: url(../images/newyear/idx_mainbg.jpg) no-repeat center top;}
.mainIntro .player {padding: 13px 0 0 148px;}
.mainIntro .info {color: #d5d8c5; width: 460px; padding: 100px 165px 0 0;}
.mainIntro .info p {text-indent: 2em; padding-bottom: 20px; line-height: 24px;}

/* mainModel */
.mainModel {height: 474px; background: url(../images/newyear/idx_modelbg.jpg) no-repeat center top;}
.mainModel .mainTitle {padding: 40px 160px 0 520px;}
.mainModel .piclist {width: 380px; float: left; padding: 52px 0 0 205px;}
.mainModel .piclist li {float: left; width: 166px; height: 100px; background: url(../images/newyear/idx_modelbg2.jpg) no-repeat; padding: 7px 15px 15px 7px;}
.mainModel .piclist li img {width: 159px; height: 93px;}
.mainModel .piclist .more a {display: block; width: 380px; height: 50px;}
.mainModel .medialist {float: left; width: 442px; padding: 30px 0 0 91px;}
.mainModel .medialist .media {height: 242px; overflow: hidden;}
.mainModel .medialist .mlist {position: relative;}
.mainModel .medialist .prev, .mainModel .medialist .next {display: block; width: 45px; height: 70px; cursor: pointer; position: absolute;}
.mainModel .medialist .prev {left: 0; top: 0;}
.mainModel .medialist .next {right: 0; top: 0;}
.mainModel .medialist .mcnt {width: 345px; padding-top: 10px; overflow: hidden; position: absolute; left: 48px; top: 2px;}
.mainModel .medialist li, .model-video-box li {float: left; padding: 0 2px; width: 82px;}
.mainModel .medialist li a, .model-video-box li a {display: block; width: 82px; height: 48px; background: url(../images/newyear/idx_modelnav.png) no-repeat 0 3px;}
.mainModel .medialist li.me1 a, .model-video-box li.me1 a {background-position: 0 3px;}
.mainModel .medialist li.me1 a:hover, .mainModel .medialist li.me1 a.c,
.model-video-box li.me1 a:hover, .model-video-box li.me1 a.c {background-position: 0 -57px;}
.mainModel .medialist li.me2 a, .model-video-box li.me2 a {background-position: -84px 3px;}
.mainModel .medialist li.me2 a:hover, .mainModel .medialist li.me2 a.c,
.model-video-box li.me2 a:hover, .model-video-box li.me2 a.c {background-position: -84px -57px;}
.mainModel .medialist li.me3 a, .model-video-box li.me3 a {background-position: -167px 3px;}
.mainModel .medialist li.me3 a:hover, .mainModel .medialist li.me3 a.c,
.model-video-box li.me3 a:hover, .model-video-box li.me3 a.c {background-position: -167px -57px;}
.mainModel .medialist li.me4 a, .model-video-box li.me4 a {background-position: -251px 3px;}
.mainModel .medialist li.me4 a:hover, .mainModel .medialist li.me4 a.c,
.model-video-box li.me4 a:hover, .model-video-box li.me4 a.c {background-position: -251px -57px;}
.mainModel .medialist li.me5 a, .model-video-box li.me5 a {background-position: -335px 3px;}
.mainModel .medialist li.me5 a:hover, .mainModel .medialist li.me5 a.c,
.model-video-box li.me5 a:hover, .model-video-box li.me5 a.c {background-position: -335px -57px;}
.mainModel .medialist li.me6 a, .model-video-box li.me6 a {background-position: -419px 3px;}
.mainModel .medialist li.me6 a:hover, .mainModel .medialist li.me6 a.c,
.model-video-box li.me6 a:hover, .model-video-box li.me6 a.c {background-position: -419px -57px;}
.mainModel .medialist li.me7 a, .model-video-box li.me7 a {background-position: -503px 3px;}
.mainModel .medialist li.me7 a:hover, .mainModel .medialist li.me7 a.c,
.model-video-box li.me7 a:hover, .model-video-box li.me7 a.c {background-position: -503px -57px;}

/* mainYouth */
.mainYouth {height: 568px; background: url(../images/newyear/idx_youthbg.jpg) no-repeat center top;}
.mainYouth .mainTitle {padding: 45px 160px 0 520px;}
.mainYouth .more {padding: 342px 0 0 995px;}
.mainYouth .more a {display: block; width: 90px; height: 90px;}

/* mainCulture */
.mainCulture {height: 491px; background: url(../images/newyear/idx_culturebg.jpg) no-repeat center top;}
.mainCulture .mainTitle {padding: 45px 160px 42px 520px;}
.mainCulture .cnt {height: 295px; overflow: hidden;}
.mainCulture .focus {padding: 15px 0 0 1035px;}
.mainCulture .focus a {display: block; width: 95px; height: 25px;}
.Scroller-Container {position: absolute; top: 0px;}
.Scroller-Container li {float: left; width: 200px; padding: 0 0 15px 0;}
.Scrollbar-Handle {background: url(../images/newyear/scrollbar.jpg) no-repeat; width: 13px; height: 143px; position: absolute; top: 0; left: 0; cursor: pointer;}
#Scroller-3 {height: 292px; float: left; width: 950px; margin-left: 170px; display: inline; position: relative; overflow: hidden;}
#Scrollbar-Container-3 {position: relative; z-index: 9; height: 292px; width: 13px; overflow: hidden; float: left;}
#Scrollbar-Container-3 .Scrollbar-Track {width: 13px; height: 292px; overflow: hidden; position: relative; float: left;}

/* mainMoment */
.mainMoment {height: 287px; background: url(../images/newyear/idx_momentbg.jpg) no-repeat center top;}
.mainMoment .mainTitle {padding: 45px 160px 0 520px;}
.mainMoment ul {padding: 50px 0 0 168px;}
.mainMoment li {width: 167px; height: 163px; padding: 7px 25px 0 7px; background: url(../images/newyear/idx_momentbg2.jpg) no-repeat; float: left;}

/* mainProgram */
.mainProgram {height: 349px; background: url(../images/newyear/idx_programbg.jpg) no-repeat center top;}
.mainProgram .mainTitle {padding: 63px 160px 0 520px;}
.mainProgram ul {padding: 65px 0 0 185px;}
.mainProgram li {float: left; padding-right: 40px; width: 204px;}
.mainProgram li .pic {width: 196px; height: 118px; background: url(../images/newyear/idx_programbg2.jpg) no-repeat; padding: 7px 0 0 8px;}
.mainProgram li .tit {height: 34px; line-height: 34px;}
.mainProgram li .tit a {color: #aeaaa1;}

/* moment */
.pageMoment {height: 794px; background: url(../images/newyear/moment_bg.jpg) no-repeat center top;}
.pageMoment .mainTitle {padding: 40px 160px 0 520px;}
.pageMoment .mBlock {height: 540px;}
.pageMoment .momentList {width: 960px; padding: 90px 0 0 180px;}
.pageMoment .momentList li {float: left; width: 213px; height: 148px; background: url(../images/newyear/moment_bg2.jpg) no-repeat; padding: 7px 20px 25px 7px; position: relative;}
.pageMoment .momentList li img {width: 206px; height: 141px;}
.pageMoment .momentList .icon_srch {display: block; width: 23px; height: 23px; background: url(../images/newyear/icon_srch.png) no-repeat; position: absolute; left: 190px; top: 125px;}
.pageMoment .momentNav span {display: inline-block; width: 18px; height: 18px; background: url(../images/newyear/moment_dots.png) no-repeat; margin: 0 5px; cursor: pointer;}
.pageMoment .momentNav span.c, .pageMoment .momentNav span:hover {background-position: 0 -20px;}

/**
 * 文化巡礼 culture
 ************************************/
.pageCulture {height: 2274px; background: url(../images/newyear/culture-bg.jpg) no-repeat center -2px;}
.pageCulture .mainTitle {padding: 40px 160px 0 520px;}
/*follow*/
.follow{ color: #b5a7ae; font-family: '宋体'; padding: 31px 0 0 865px;}
/*culture-content*/
.culture-content{ width: 1005px; padding-left: 175px;}
.Scroller-Container .culture-content{ width: 1005px; padding-left: 0;}
.culture-content img{ margin-left: 25px;}
/*content-box*/
.content-box{ padding: 10px 0 22px 0;}
.font-left{ margin:10px 0 0 25px;_margin-left:30px;}
.word-right{ margin-right: 70px;_margin-right:15px;}
.font-right{ margin:10px 73px 0 0; _margin-right:20px;}
.word-left{ margin-left: 15px; _margin-left:25px;}
/*月份字体的背景*/
.font-box{ background: url(../images/newyear/mouth-font.png) no-repeat; font-size: 0; height: 45px;}
.march{ width: 72px; background-position: 0 0;}
.april{ width: 74px; background-position: 0 -45px;}
.may{ width: 72px; background-position: 0 -92px;}
.june{ width: 72px; background-position: 0 -141px;}
.july{ width: 75px; background-position:0 -188px;}
.august{ width: 72px; background-position: 0 -235px;}
.September{ width: 79px; background-position: 0 -280px;}
.october{ width: 99px; background-position: 0 -325px;}
.november{ width: 91px; background-position: 0 -376px;}
.december{ width: 100px; background-position: 0 -423px;}
/*对话框的背景*/
.word-box{ width: 816px; font-family: '宋体'; color: #afaaa1; }
/*对话框在右边*/
.diatopL{ background: url(../images/newyear/dialog-top1.png) no-repeat; height: 14px;}
.diacenterL{ background: url(../images/newyear/dialog-center1.png) repeat-y; padding: 10px; width:788px; text-indent: 2em;}
.diabottomL{ background: url(../images/newyear/dialog-bottom1.png) no-repeat; height: 10px;}
.triangleL{ background: url(../images/newyear/triangleL.png) no-repeat; width: 10px; height: 13px; left: -6px; top: 25px;}
/*对话框在左边*/
.diatopR{ background: url(../images/newyear/dialog-top2.png) no-repeat; height: 14px;}
.diacenterR{ background: url(../images/newyear/dialog-center2.png) repeat-y; padding: 10px; width:788px; text-indent: 2em;}
.diabottomR{ background: url(../images/newyear/dialog-bottom2.png) no-repeat; height: 10px;}
.triangleR{ background: url(../images/newyear/triangleR.png) no-repeat; width: 10px; height: 13px; right: 3px; top: 25px;}

/**
 * 榜样力量 model
 ************************************/
.pageModel {height: 1262px; background: url(../images/newyear/model.jpg) no-repeat center top;}
.pageModel .mainTitle {padding: 40px 160px 0 520px;}
.pageModel .mBlock {height: 540px;}
.pageModel .momentList {width: 960px; padding: 170px 0 0 185px;}
.pageModel .momentList li {float: left; width: 213px; height: 148px; background: url(../images/newyear/moment_bg2.jpg) no-repeat; padding: 7px 20px 25px 7px; position: relative;}
.pageModel .momentList li img {width: 206px; height: 141px;}
.pageModel .momentList .icon_srch {display: block; width: 23px; height: 23px; background: url(../images/newyear/icon_srch.png) no-repeat; position: absolute; left: 190px; top: 125px;}
.pageModel .momentNav span {display: inline-block; width: 16px; height: 16px; background: url(../images/newyear/moment_dots.png) no-repeat; margin: 0 5px; cursor: pointer;}
.pageModel .momentNav span.c, .pageModel .momentNav span:hover {background-position: 0 -21px;}
/*优秀奖励*/
.model-good{ width: 960px; height:254px; margin: 125px auto 0; overflow: hidden;}
.model-video{ width: 455px; height: 256px; display: inline; margin-left: 58px; overflow: hidden;}
.model-video-box{ width: 422px; height: 256px; display: inline; margin-left: 22px;}
.model-video-box ul{ padding-left: 26px; margin-top: 86px;}
.model-video-box li{ float: left; display: inline; margin: 0 10px 15px 0;}
.model-video-show{ background: #cdcdcd; width: 444px; height: 244px; margin: 4px 0 0 4px;}
.model-video-info{ height: 30px; line-height: 30px; color: #d3bbc7; font-family: '宋体'; position: absolute; bottom: 8px; left: 4px; background: #000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; width: 444px; text-indent: 15px;}

/**
 * 节目视频 program
 ************************************/
.program-title{ background: url(../images/newyear/program-title.jpg) no-repeat center top; height: 121px; margin-top:-3px; overflow:hidden;}
.program-title h3{ margin: 0; padding: 0; width: 436px; height: 76px; font-size:12px; padding: 32px 0 0 100px; font-size:0;}
.program-title .program-info{ width:568px;height: 76px; font-family: '宋体'; font-size:12px;color: #9f768b; padding-top:62px;}
.program-all{ background: url(../images/newyear/program-pic1.jpg) no-repeat center top; height: 568px; }
.program-good{ background: url(../images/newyear/program-pic2.jpg) no-repeat center top; height: 741px; }
/*program-all*/
.program-good ul,.program-all ul{ width: 1005px; margin: 0 auto; overflow: hidden; }
.program-all ul{ padding-top: 35px; *padding-left: 50px;}
.program-good ul{ padding-top: 110px; padding-left: 25px;}
.program-all li{ float: left; background: url(../images/newyear/program-list.png) no-repeat; width: 274px; height: 225px; margin: 25px 0 0 48px; *margin-left:30px; display: inline;}
.program-all .program-list-img{ width: 254px; height: 141px; position: relative; margin: 10px 0 0 10px;}
.program-all .img-box{ display: block; width: 254px; height: 141px;}
.program-box .play-ico{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; display: block; background: url(../images/newyear/play-small-ico.png) no-repeat; z-index: 2; width:39px; height: 39px;}
.program-all .program-info{ height: 69px; overflow: hidden;}
.program-box h4{ font-size: 14px; color: #f49e0d; height: 40px; line-height: 45px; text-indent: 30px;}
.program-box p{ color: #b9a0a0; font-family: '宋体'; text-indent: 25px;}
/*program-good*/
.program-good li{ width: 220px; height:195px; float: left; display:inline; margin-left: 22px; overflow: hidden;}
.program-good .program-list-img{border: 1px solid #360b21; background: #5c3147; position: relative; padding-bottom: 12px;}
.program-good .img-box{ display: block; width: 206px; height: 141px; }
.program-good .img-box img{ margin: 6px 6px 0 6px;}
.program-good .program-info{ height: 40px; line-height: 40px;}
.program-box .program-good p{text-indent: 10px;}
.program-good span{ color: #d9a131; }

/**
 * 青春笑脸 youth
 ************************************/
.youth-title{ background: url(../images/newyear/youth-title.jpg) no-repeat center top; height: 121px; margin-top:-3px; overflow:hidden;}
.youth-title h3{ margin: 0; padding: 0; width: 436px; height: 76px; font-size:12px; padding: 32px 0 0 85px; font-size:0;}
.youth-title  .youth-info{height: 76px; font-family: '宋体'; font-size:12px;color: #9f768b; padding-top:60px;}
.youth1 {background: url(../images/newyear/youth-pic1.jpg) no-repeat center top; height: 420px;}
.youth2 {background: url(../images/newyear/youth-pic2.jpg) no-repeat center top; height: 290px;}
.youth3 {background: url(../images/newyear/youth-pic3.jpg) no-repeat center top; height: 584px;}

/* video */
.video_mask {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1000; cursor: pointer; display: none;}
.video_box {position: absolute; left: 300px; top: 100px; width: 730px; height: 414px; background: url(../images/newyear/video_bg.png) no-repeat; z-index: 1005; display: none;}
.video_box .cls {position: absolute; top: 11px; right: 38px;}
.video_box .cnt {width: 620px; height: 380px; padding: 11px 0 0 36px;}