@charset "UTF-8";
/**
 * 首页css文件
 * @authors SX
 * @date    2016-03-23 23:56:43
 */
html,body{margin:0;padding:0-webkit-font-smoothing:antialiased;font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:hover,a:active{outline:none 0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}

/* 主容器 */
.container{min-height: 4000px; background: #e3ca94; }

/* 主导航 */
.container nav{position: fixed; margin: 0 auto; width: 100%; height: 90px; background: url(../images/nav_bg.jpg) center no-repeat; opacity: .9; z-index: 999;}
.container nav .inner{position: relative; margin: 0 auto; width: 1100px; overflow: hidden;}
.container nav .inner .logo{float: left; width: 261px; height: 90px; background: url("../images/logo.png");}
.container nav .inner .nav-item{float: right; line-height: 120px; width: 810px;}
.container nav .inner .nav-item a{display: inline-block; min-width: 94px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-decoration: none; text-align: center; overflow: hidden;}
.container nav .inner .nav-item a.active{background: url(../images/nav_active_bg.png);}
.container nav .inner .nav-item a:hover{background: url(../images/nav_active_bg.png);}

.container .wrp-01{min-height: 1496px; background: url(../images/wrp_01_bg.jpg) center no-repeat; overflow: hidden;}
.container .wrp-01 .inner{position: relative; margin: 0 auto; width: 1100px;}
/* 视频 */
.container .wrp-01 .inner .video{position: absolute; margin: 670px 0 0 515px; }
.container .wrp-01 .inner .video .video-play-btn{position: relative; width: 92px; height: 92px; text-indent: -9999px; border-radius: 50%; background: rgba(0, 0, 0, .2); border: 5px #852207 solid; overflow: hidden;}
.container .wrp-01 .inner .video .video-play-btn .arrow-right{position: absolute; margin: -24px 0 0 30px; width: 0px; height: 0px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 28px solid #c73812; font-size: 0px; line-height: 0px;}
.container .wrp-01 .inner .video span{display: block; margin: 95px 0 0 -255px; width: 585px; height: 113px; background: url(../images/wrp_01_video_font.png); overflow: hidden;}
.container .wrp-01 .inner .booking-btn{position: absolute; margin:788px 0 0 470px; display: inline-block; width: 179px; height: 56px; text-indent: -9999px; background: url("../images/booking_btn.png");}

/* ---------------- 剧目剧情 ---------------- */
.container .plot{position: relative; margin-top: -480px; margin-bottom: 80px; }
.container .plot .inner{margin: 0 auto; max-width: 1100px; border: 2px #842207 solid; border-radius: 4px; overflow: hidden;}
.container .plot .title{position: absolute; margin: -28px 0 0 425px; width: 250px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_02_bg.png"); overflow: hidden;}
.container .plot .content{padding-top: 30px;}
/* 内容切换 */
.container .plot .content .tabs{overflow: hidden; text-align: center; height: 70px; line-height: 70px;}
.container .plot .content .tabs span{display: inline-block; margin: 0 10px; min-width: 100px; height: 30px; line-height: 32px;  border-right: 2px #882207 solid; border-left: 2px #882207 solid; color: #882207; cursor: pointer;}
.container .plot .content .tabs span.active{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; color: #c52801;}
.container .plot .content .tabs span:hover{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; }
.container .plot .content .tab-content {padding-bottom: 20px;}
.container .plot .content .tab-content p{font-size: 14px; text-indent: 2em; line-height: 30px; padding: 0 40px; color: #853d2a;}
.container .plot .content .tab-content p1{ font-size: 18px; text-indent: 2em; font-weight:bold; line-height: 30px; padding: 0 40px; color: #853d2a;}
.container .plot .content .tab-content p2{ font-size: 14px; text-indent: 2em; font-weight:bold; line-height: 30px; padding: 0 40px; color: #853d2a;}

/* ---------------- 主创主演 ---------------- */
.container .creator{position: relative;  background: url("../images/creator_bg.png") center no-repeat; background-size: 1400px 95%}
.container .creator .inner{margin: 0 auto; max-width: 1100px; border-top: 1px #842207 solid; overflow: hidden;}
.container .creator .inner .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .creator .inner .content{padding-top: 30px;}
.container .creator .inner .content .tabs{text-align: center; height: 80px; line-height: 80px;}
.container .creator .inner .content .tabs span{display: inline-block; margin: 0 30px; min-width: 100px; height: 30px; line-height: 32px;  border-right: 2px #882207 solid; border-left: 2px #882207 solid; color: #882207; cursor: pointer; text-align: center;}
.container .creator .inner .content .tabs span.active{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; color: #c52801;}
.container .creator .inner .content .tabs span:hover{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; }
.container .creator .content .tab-content {width: 1400px;}
.container .creator .content .tab-content.display{display: none;}
/*六边形*/
.container .creator .content .box{position: relative; width: 900px; height: 500px; margin: 50px auto;}
.container .creator .content .lineF, .lineS{position: absolute; visibility: hidden;}
.container .creator .content .lineS{top: 182px; left: -105px;}
.container .creator .content .boxF, .boxS, .boxT, .overlay{width: 200px; height: 250px; overflow: hidden;}
.container .creator .content .boxF, .boxS{visibility: hidden;}
.container .creator .content .boxF{transform: rotate(120deg); float: left; margin-left: 10px; -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg);}
.container .creator .content .boxS{transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg);}
.container .creator .content .boxT{transform: rotate(-60deg); background: no-repeat 50% top; background-size: 105% auto; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible;}
.container .creator .content .overlay{transition: all 250ms ease-in-out 0s; display: none; position: relative;}
.container .creator .content .overlay:hover{background-color: rgba(0,0,0,0.6);}
.container .creator .content .boxT:hover .overlay{ display: block; text-align: center;}
.container .creator .content .overlay em{display: inline-block; color: #fff; margin: 120px 0 0 0; font-size: 14px;}
.container .creator .view-detailed{display: inline-block; position: absolute; margin-left: 220px; margin-top: 30px; color: #882207;}
.container .creator .view-detailed:hover{color: #c52801;}
/* 演出团队 */
.container .creator .team-photo{position: relative; float: left; width: 493px; height: 350px; overflow: hidden; margin: 80px 0 80px 35px; text-align: center;}
.container .creator .team-photo:last-child{margin-bottom: 50px;}
.container .creator .team-photo span{position: absolute; margin: 300px 0 0 150px; height: 50px; line-height: 50px; color: #882207; font-size: 18px; z-index: 999;}
.container .creator .team-photo span:first-child{margin: 300px 0 0 170px;}
.container .creator .team-photo img{width: 483px; height: 278px; border: 5px #882207 solid; }

/* ---------------- 追忆威尔第---------------- */
.container .recall{position: relative; margin: 20px auto 0 auto; min-height: 300px; width: 1100px; border: 2px #842207 solid; border-radius: 4px;}
.container .recall .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .recall .content{padding-top: 30px; overflow: hidden;}
.container .recall .content .photo{float: left; margin-left: 20px; width: 276px; height: 342px; background: url("../images/recall_photo_01.png"); overflow: hidden;}
.container .recall .content .font-content{float: left; width: 800px; padding-bottom: 15px;}
.container .recall .content .font-content span.font-title{display: inline-block; margin: 20px 0 20px 20px; padding-left: 20px; border-left: 4px #c52801 solid; height: 20px; line-height: 20px; color: #853d2a; font-size: 18px;}
.container .recall .content .font-content p{text-indent: 2em; line-height: 30px; padding: 0 20px; color: #853d2a; font-size: 14px;}

/* ---------------- 首页回顾 ---------------- */
.container .review{position: relative; margin-top: 90px;  background: url("../images/review_bg.png") center no-repeat;}
.container .review .inner{min-height: 550px; margin: 0 auto; max-width: 1100px; border-top: 1px #842207 solid; overflow: hidden;}
.container .review .inner .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .review .inner .content{padding-top: 30px;}
.container .review .inner .content .tabs{text-align: center; height: 80px; line-height: 80px;}
.container .review .inner .content .tabs span{display: inline-block; margin: 0 30px; min-width: 100px; height: 30px; line-height: 32px;  border-right: 2px #882207 solid; border-left: 2px #882207 solid; color: #882207; cursor: pointer; text-align: center;}
.container .review .inner .content .tabs span.active{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; color: #c52801;}
.container .review .inner .content .tabs span:hover{border-top: 1px #882207 solid; border-bottom: 1px #882207 solid; }
.container .review .content .tab-content {width: 1400px;}
.container .review .content .tab-content.display{display: none;}
/* 图片切换 */
.container .review .content .tab-content .left-btn{float: left; margin: 40px 20px 0 10px; width: 100px; height: 395px; background: url("../images/review_leftBtn.png"); cursor: pointer;}
.container .review .content .tab-content .left-btn:hover{background: url("../images/review_leftBtn_hover.png");}
.container .review .content .tab-content .photo{float: left; margin: 40px 20px 0 0; width: 853px; height: 395px; overflow: hidden; background: #852409;}
.container .review .content .tab-content .photo img{width: 843px; height: 385px; margin: 5px 0 0 5px;}
.container .review .content .tab-content .right-btn{float: left; margin: 40px 0 0 0; width: 100px; height: 395px; background: url("../images/review_rightBtn.png");  cursor: pointer;}
.container .review .content .tab-content .right-btn:hover{background: url("../images/review_rightBtn_hover.png");}

/* ---------------- 经典咏叹 ---------------- */
.container .classics{position: relative; margin: 0 auto; min-height: 300px; width: 1100px; border: 2px #842207 solid; border-radius: 4px;}
.container .classics .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .classics .content{padding: 30px 30px 0 30px; overflow: hidden;}
.container .classics .content .photo{float: left; margin-left: 20px; width: 276px; height: 342px; background: url("../images/recall_photo_01.png"); overflow: hidden;}
.container .classics .content .font-content{float: left; width: 800px;}
.container .classics .content .font-content span.font-title{display: inline-block; margin: 20px 0 20px 20px; padding-left: 20px; border-left: 4px #c52801 solid; height: 20px; line-height: 20px; color: #853d2a; font-size: 18px;}
.container .classics .content .font-content p{text-indent: 2em; line-height: 30px; padding: 0 20px; color: #853d2a; font-size: 14px;}
.container .classics .content .wrp3_4{ width:1100px; height:auto; margin: 0 auto; padding:40px 0 0;}
.container .classics .content .music{}
.container .classics .content .music-item{position:relative; float:left; color:#fff; font-size:12px; width:425px; margin-bottom:40px; cursor:pointer;margin-left: 70px; overflow: hidden;}
.container .classics .content .music-item:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.container .classics .content .music-item span.ico{position:relative;z-index:4;display:block;width:52px; height:52px; float:left; background:url("../images/play.png") center 0;}
.container .classics .content .music-item em{position:relative;z-index:4;font-style:normal; float:left; padding:0 0 0 10px; display:block; line-height:50px; width: 350px; color: #842207; border: 1px #842300 solid;}
.container .classics .content .music-item em span{height: 25px; line-height: 25px; display: block;}
.container .classics .content .music-item.select span.ico{ background:url("../images/pause.png") center 0;}
.container .classics .content .music-item div{background:#db1414;width:0;height:52px;position:absolute;top:0;left:52px;}

/* ---------------- 众说纷纭 ---------------- */
.container .opinions{position: relative; margin-top: 90px;  background: url("../images/opinions_bg.png") center no-repeat;}
.container .opinions .inner{min-height: 700px; margin: 0 auto; max-width: 1100px; border-top: 1px #842207 solid; overflow: hidden;}
.container .opinions .inner .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .opinions .inner .content{padding: 60px 50px;}
.container .opinions .inner .item{margin: 10px 30px 20px 30px;}
.container .opinions .inner .item .font-title{display: inline-block; margin: 10px 0; padding-left: 10px; border-left: 4px #c52801 solid; height: 20px; line-height: 20px; color: #853d2a; font-size: 18px; font-weight: 600;}
.container .opinions .inner .item .font-content{line-height: 20px; text-indent: 2em; color: #853d2a;}

/* ---------------- 媒体之声 ---------------- */
.container .media{position: relative; margin-top: 30px; }
.container .media .inner{ margin: 0 auto; max-width: 1100px; border-top: 1px #842207 solid; overflow: hidden;}
.container .media .inner .title{position: absolute; margin: -28px 0 0 425px; width: 251px; height: 55px; line-height: 55px; text-align: center; font-size: 24px; color: #842207; background: url("../images/title_01_bg.png"); overflow: hidden;}
.container .media .inner .content{padding: 50px; width: 920px; margin: 0 auto; overflow: hidden;}
.container .media .inner .content .item{display: inline-block; margin-bottom: 20px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px transparent solid; cursor: pointer; color: #842207;}
.container .media .inner .content .item span{float: left; overflow: hidden;}
.container .media .inner .content .item span.row01{width: 800px;}
.container .media .inner .content .item:hover{border: 1px #c52801 solid; color: #c52801;}

/* 尾部 */
.footer{width:100%; height:348px; background:#282828; padding:62px 0 38px 0; box-sizing:border-box;}
.footer-img{width:900px; height:230px; background:url("../images/footer.png") no-repeat center; margin: 0 auto;}

.bg_music2{ width:28px; height:24px; position:absolute; right:0px; top:30px; z-index:1000000;}
.pause{background: url("../images/pause2.png") no-repeat; background-size: cover; width:28px; height:24px; position:absolute; right:0px; top:0px; z-index:1000000; display: none;cursor: pointer;}
/*弹出视频*/
.mydiv2{z-index:5000; top:20%; width:100%; position:fixed!important;/*FF IE7*/  position:absolute;/*IE6*/ } 
.tc_x{ margin:0px auto; text-align:center; background:#fff; width:720px; padding-bottom:20px;}
.tc_x span{ display:block; text-align:right; padding-right:15px; line-height:30px;}
.tc_x span a{ cursor:pointer; color:#333; font-size:14px;}
.tc_x span a:hover{ cursor:pointer; color:#333; font-size:14px;}
.bg { background-color:#000;  width: 100%;  height: 100%;  left:0;  top:0;/*FF IE7*/  filter:alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/  opacity:0.7;/*FF*/  z-index:-1000; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ 
_top:       expression(eval(document.compatMode && 
            document.compatMode=='CSS1Compat') ? 
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ 
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ 
} 

#go_back{ width: 32px; height: 60px; border: none; text-indent: 100%; background-size:36px 60px; background:url("../images/go_back.png") no-repeat; position:fixed; left:50%; bottom: 130px; margin:0 0 0 580px; overflow: hidden; display:none; text-decoration: none;}

.display{display: none;}