﻿
#mvisual{width:100%; height:740px;}

#mcontainer{position:relative; width:100%; height:auto; overflow:hidden;}
#mcontents{position:relative; width:1200px; margin:50px auto; overflow:hidden;}
#mcontents .festiMovie{position:relative;  float:left; width:461px; height:286px; background:#5462a7; }
#mcontents .festiMovie .movieBox{margin:30px 0 0 40px}
#mcontents h2.titW{font-size:25px; color:#fff; padding:40px 0 0 40px;}
#mcontents h2.titB{font-size:25px; color:#333; padding:40px 0 0 40px;}
#mcontents h2.titB_m{font-size:23px; color:#333; padding:45px 0 0 36px;}

#mcontents .festInfo{position:relative; float:left; width:738px; height:286px; border:1px solid #e9e9e9; border-width:1px 1px 0 0;}
#mcontents .festInfo p.text{display:inline-block; float:left;width:404px; margin:20px 0 0 50px; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
#mcontents .festInfo p.text::before{display:block; float:left; content:''; width:5px; height:5px; background:#ca3e4e; margin:12px 5px 180px 0;}
#mcontents .festInfo > p.img{position:absolute; top:30px; display:inline-block; margin-left:20px;}
.textRed{color:#c4293b}

#mcontents .festBoard{position:relative;  float:left; width:461px; height:286px; background:#fff; border:1px solid #e9e9e9; border-width:0px 0px 1px 1px;}
#mcontents .festBoard .boardList{margin:20px 0 0 40px;}
#mcontents .festBoard .boardList li > a{position:relative; width:100%; font-size:14px; display:inline-block; padding:6px 0;}
#mcontents .festBoard .boardList li > a .date{position:absolute; right:40px;}

#mcontents .festEvent{position:relative; float:left; width:461px; height:286px; background:#464d6b; }
#mcontents .festEvent >  p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 50px; color:#fff; font-size:14px; line-height:26px;}
#mcontents .festEvent >  p.text > strong{display:block; font-size:17px; color:#95a8ed;}
#mcontents .festEvent .flexslider >  p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 50px; color:#fff; font-size:14px; line-height:26px;}
#mcontents .festEvent .more{position:absolute; display:block; top:130px; margin-left:140px;}

#mcontents .moreBtn{position:absolute; right:40px; top:40px;}


.festQuickMenu{width:100%; background:#e3e6f2; margin:55px 0 15px 0;}
.quickM{width:1200px; margin:0px auto; min-height:158px;}
.quickM  li{width:25%; float:left;}
.quickM  li a{display:block; margin-top:30px; padding-left:110px;}
.quickM  li a.ic01{min-height:95px;background:url('/images/festival/quick_ic01.png') no-repeat; }
.quickM  li a.ic02{min-height:95px;background:url('/images/festival/quick_ic02.png') no-repeat; }
.quickM  li a.ic03{min-height:95px;background:url('/images/festival/quick_ic03.png') no-repeat; }
.quickM  li a.ic04{min-height:95px;background:url('/images/festival/quick_ic04.png') no-repeat; }
.quickM  li a > p{color:#333; padding-top:20px; font-size:20px;}
.quickM  li a > span{display:inline-block; font-size:13px;line-height:18px; margin-top:10px;}



.flexslider{width:420px; margin:20px 0 0 20px;}
.flexslider a{display:block; width:100%;}
.flexslider a p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 30px; color:#fff; font-size:14px; line-height:26px;}
.flexslider a div.img{float:left; width:180px; margin-left:25px; }

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  background: #666;
  background: rgba(255, 255, 255, 1);
  cursor: pointer;
  text-indent: -9999px;
  /* -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; */
  border-radius: 20px;
}
.custom-controls-container{position:absolute; top:40px; right:20px;}
.flex-control-paging li a.flex-active {
  background: #eab13c;
  cursor: default;
  width:50px;
  height:15px;
}

.flex-control-nav li {
  margin: 0 2px;
  display: inline-block;
  zoom: 1;
  display: inline;
}
.flex-direction-nav{display:none;}

.festMenu{float:left; width:278px; height:286px; background:#eaf0f6;}
.festMenu .festSchedule{height:50%; border-bottom:1px solid #e2e2e2; background:url('/images/festival/fest_ic01.png') 180px 50px no-repeat;}
.festMenu .festSchedule .text{display:block; color:#909090; font-size:13px; line-height:16px; margin:10px 0 0 36px;}
.festMenu .festProgram{height:50%; background:url('/images/festival/fest_ic02.png') 180px 50px no-repeat;}
.festMenu .festProgram .text{display:block; color:#909090; font-size:13px; line-height:16px; margin:10px 0 0 36px;}

.festGalWrap{position:relative; width:100%; clear:both; height:212px;}
.festGal{position:relative; width:1200px;margin:0px auto;}
.bx-wrapper{}
.bx-controls-direction{}
.bx-controls-direction > a{display:block;width:77px; height:42px; }
.bx-controls-direction .bx-prev{position:absolute; top:80px; left:-40px; background:url('/images/festival/prev_btn.png') no-repeat;}
.bx-controls-direction .bx-next{position:absolute; top:80px; right:-40px; background:url('/images/festival/next_btn.png') no-repeat;}
.gal_tit{position:absolute; top:0; left:0;}
.bx-pager{display:none;}
