@charset "UTF-8";
@import url("base.css");

.tc{ text-align: center;}
.main_wrap{ width: 962px; margin: 0 auto;}
.main{ width: 962px; margin: 0 auto; position: relative;}

/*////////////==== news page  ===///////////*/
.news dl{ margin: 10px 15px 0; line-height: 160%;}
.news dt{ font-size: 20px; font-weight: bold; color:#efda00; padding:15px 0px 0px 20px; background:url(../img/news/new_title.png) 0px 0px repeat-y;margin-bottom: 20px; color:#FFF;}
.news dt .date{}
.news dt .tit{ font-size: 25px; line-height: 120%; margin-bottom: 10px; margin-top:10px; padding-bottom: 10px;}
.news dd{}
.news .no{background: none; padding-bottom: 0; margin-bottom: 10px}

.news .mod_d {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');}
:root .news .mod_d{filter:none;background-color:rgba(0,0,0,0.7);}
.news .mod_d{ width: 820px;  margin: 30px 0 30px 40px; border-radius:10px; border: 4px solid #dec600;}
.news .mod_d p{ text-align: center; }
.news .mod_d .info{ margin-top: 20px; margin-bottom: 15px;}
.news .mod_d .btn{ margin-bottom: 20px;}


.news .style_tit{background:url(../img/news/14030403_01.png) no-repeat; width:882px; margin:20px auto 20px; height:66px; line-height:66px; font-size:31px; font-weight:bold; text-align:center;}
.news .style01{font-size:16px; font-weight:bold; text-align:center; margin-top:20px; background-color:#000; line-height:150%}
.news .style02{text-align:right; font-size:16px; font-weight:bold; color:#a1a1a1}
.news .style03{text-align:center; font-size:24px; color:#ef0000; line-height:160%; font-weight:bold; background:#000;}
/*////////////==== news page END  ===///////////*/


/*////////////==== staff_cast page  ===///////////*/


.staff_cast .row{ overflow: hidden;}
.staff_cast .music_name{ margin-left: 40px; margin-top: 40px; margin-bottom: 40px;}
.staff_cast .mod_e{ width: 400px; float: left; margin-left: 40px; margin-top: 25px;}
.staff_cast .mod_e .mod_panel{ background:rgba(43,43,43,0.7)!important;filter:Alpha(opacity=70); background:#2b2b2b;/*IE*/padding-bottom: 20px;height:615px; border:7px solid #bea000; border-top:none;}
.staff_cast .mod_e .mod_panel table{ width: 100%; font-size: 14px;border-collapse: separate;border-spacing: 0;position:relative;}
.staff_cast .mod_e .mod_panel td{ vertical-align: top; font-weight: bold; padding-top:20px; line-height: 160%}
.staff_cast .mod_e .mod_panel .ch{  text-align: right; padding-right: 10px; width: 200px; color: #fcff00;}
.staff_cast .mod_e .mod_panel .sh{ padding-top:0;}

/*////////////==== staff_cast page END  ===///////////*/


/*////////////==== story page  ===///////////*/

.story_movie{ background: url(../img/story/movie_bg.png) no-repeat; width: 728px; margin: -290px auto 50px; height: 509px; position: relative; z-index: 15;}
.story_movie .pv{ padding:41px 0 0 45px;}

/*////////////==== story page END  ===///////////*/




/*////////////==== onair page  ===///////////*/


.onair .row{ overflow: hidden; padding-bottom:40px;}
.onair .mod_e{ width:845px;margin-left: 40px; margin-top: 25px;}
.onair .mod_e .mod_panel{ background:rgba(43,43,43,0.7)!important;filter:Alpha(opacity=70); background:#2b2b2b;/*IE*/padding-bottom: 20px;min-height:100px; border:7px solid #be0200; border-top:none;}
.onair .mod_e .mod_panel .mod_list{ position:relative; text-align:center; font-size:18px; line-height:34px; padding:40px;}
.onair .mod_e .mod_panel .mod_list ul li{ text-align:left; padding-left:153px;}
.onair .mod_e .mod_panel .mod_list ul li b{ font-weight:500; display:inline-block; width:150px; }



.onair .mod_e .mod_panel .mod_list .onair_bor{ padding:20px 25px; border:1px solid #FF0; line-height:18px;}
/*////////////==== onair page END  ===///////////*/







/*////////////==== story page  ===///////////*/

.nav{ overflow: hidden; margin-left: 20px;}
.nav a{ display: block; float: left; width: 200px; height:21px; overflow: hidden; margin-left: 16px;}
.nav a:hover img{ margin-top: -21px;}
.nav .on{ display: block; width: 200px; height:21px; overflow: hidden; }
.nav .on img{ margin-top: -21px;}

.slideBox{ margin-top: 30px; position: relative;}
.slideBox .hd{ position:relative; height: 175px; background: url(../img/character/line.png) center bottom no-repeat;}
.slideBox .hd ul{ float:left;  position:absolute; left:90px; top:-1px; height:200px;   }
.slideBox .hd ul li{ float:left; width: 110px; margin:0 18px; cursor:pointer; }
.slideBox .hd ul li.on{ height:200px; }

.slideBox .bd .con{ margin-left: -8px; margin-top: 15px; position:relative;}

.slideBox .arrow{}
.slideBox .arrow a{ display:block; width:39px; height:74px; overflow:hidden; cursor:pointer; filter:alpha(opacity=70);opacity:.7;}
.slideBox .arrow a:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .arrow .prev{ background: url(../img/character/prev_btn.png) no-repeat;   position:absolute; left:38px; top:20px; }
.slideBox .arrow .next{ background: url(../img/character/next_btn.png) no-repeat;   position:absolute; right:38px; top:20px; }
.slideBox .arrow .prevStop{ background-position:-60px 0; }
.slideBox .arrow .nextStop{ background-position:-60px -50px; }


.mod{ position: absolute; top:372px; left: 418px}
.mod .m_hd{ }
.mod .m_hd ul{ position:absolute; left:-50px; top:25px; z-index: 100}
.mod .m_hd ul li{ margin-bottom:12px;}
.mod .m_hd ul li a{cursor:pointer; display: block; width:95px; height:53px; overflow: hidden;}
.mod .m_hd ul li a img{margin-top: -53px;}
.mod .m_hd ul li a:hover img{ margin-top: 0;}
.mod .m_hd ul li.on a{cursor:pointer; display: block; width:95px; height:53px; overflow: hidden;}
.mod .m_hd ul li.on a img{margin-top: 0px;}

.mod .m_bd { background: url(../img/character/bg.png) left top no-repeat; width: 500px; height: 364px;}
.mod .m_bd img{ margin: 17px 0 0 24px;}

/*////////////==== story page END  ===///////////*/


/*////////////==== goods page star  ===///////////*/
 
.goods .arrow .prev{position:absolute; left:28px; top:20px; display:none; }
.goods .arrow .next{position:absolute; right:28px; top:20px;  display:none;}
.goods .hd ul{ float:left; position:absolute; left:25px; top:-1px; height:200px;   }/*left:161px;*/
.goods .hd ul li{ margin:0 7px;}/*margin:0 20px;*/
.goods .bd .con{ margin-left:10px; margin-top: 15px; position:relative;}
.goods .bd .con table td{ vertical-align:top;}
.goods .bd h1{ padding-left:5px; padding-bottom:25px;}
.goods .bd h2{ font-size:25px; line-height:160%;}
.goods .bd h3{ font-size:20px;}
.goods .bd h4{ font-size:18px;}
.goods .bd .dotext{ text-align:center; font-size:22px; font-weight:bold; padding:15px;}
.goods_bn{display:block;height:76px; width:261px; overflow:hidden!important; }
.goods_bn a{ display:block;height:76px;text-decoration:none;}
.goods_bn a:hover img{ margin-top:-76px;}

.goods .goods_bn2{display:block;height:76px; width:261px; overflow:hidden!important; }
.goods .goods_bn2 a{ display:block;height:76px; width:261px; overflow:hidden; text-decoration:none;}
.goods .goods_bn2 a:hover img{ margin-top:-76px;}

.goods .goods_bn1 { color:#ff7e00; font-size:16px; text-decoration:none;}
.goods .goods_bn1:hover { text-decoration: underline;}

.goodup{ text-align:right; padding-right:10px;}

/***/
.goodsgame_tab{ margin-left:40px;}
.goodsgame_tab td{padding:0 10px 10px 0;}
/*////////////==== goods page END  ===///////////*/


/*////////////==== keyword page star  ===///////////*/

.keyword .hd{background:url(../img/character/line.png) center bottom no-repeat; margin-bottom:30px; padding:20px 0px 10px 37px; height:1%; overflow:hidden!important; overflow/**/:visible;}
.keyword .hd .sub_list{width:199px; float:left; margin:0px 17px 15px 0px;}
.keyword .hd .sub_list dl{margin:0; padding:0; min-height:120px;}
.keyword .hd .sub_list dt{width:199px; height:21px; margin-bottom:5px;}
.keyword .hd .sub_list dd{height:21px; line-height:21px;}
.keyword .hd .sub_list dd a{color:#fff; text-decoration:none;}
.keyword .hd .sub_list dd a:hover{color:#ff0; text-decoration:none;}
.keyword .con{margin:15px 0 0 15px; position:relative;}
.keyword .con h1{width:894px; height:54px; padding-bottom:15px; position:relative;}
.keyword .con h1 .gt{position:absolute; width:170px; height:40px; top:8px; right:8px;}
.keyword .con .ph{padding-bottom:28px; height:1%; overflow:hidden!important; overflow/**/:visible;}
.keyword .con .ph li{width:431px; height:251px; margin:0px 12px 17px 5px; float:left;}

/*////////////==== keyword page END  ===///////////*/



/*////////////==== haisin page star  ===///////////*/

.haisin_content{ padding:20px 0px 15px 110px; width:704px; font-size:13px; line-height:190%;}
.haisin_content h2{ background:url(../img/haisin/tit_bg.jpg) 0 0 no-repeat; text-align:center; line-height:38px; height:37px; padding-top:2px; font-size:32px;}

.haisin_content .haisincon{ }
.haisin_content .haisincon .haisin-inner{ position:relative; font-weight:bold;}

.haisin_content dt{ text-align:center;background:url(../img/haisin/tit_bg.jpg) 0 0 no-repeat; text-align:center; line-height:38px; height:37px; padding-top:2px; font-size:32px;}
.haisin_content dt span{color:#ffd200;}
.haisin_content dd{ padding:15px; border:#626262 4px solid;
background:rgba(0,0,0,0.6)!important;
filter:Alpha(opacity=60); background:#000;/*IE*/

}

.haisin_content dd span{ position:relative; font-weight:bold;}


.haisin_movie{ background: url(../img/haisin/movie_bg.png) no-repeat; margin-left:96px; width:728px; height:529px;}
.haisin_movie .pv{ padding:41px 0 0 45px;}
.haisin_movie .pv img{ opacity:0.7;filter:Alpha(opacity=70); }


.preview_movie{ background: url(../img/haisin/preview_bg.png) no-repeat; margin-left:96px; width:728px; height:440px;}
.preview_movie .pre_pv{ padding:41px 0 0 45px;}
.preview_movie .pre_pv img{ opacity:0.7;filter:Alpha(opacity=70); }


.haisin_link{text-align: center;width: 642px;height: 37px;background: url(../img/haisin/linkup.png) 0 0 no-repeat;line-height:37px;
	color: #fff100;font-weight: bold;position: absolute;top:-11px;left:145px;}
	
.haisin_link span{ font-size:24px; line-height:38px;}
.haisin_link a{color:#fff100;vertical-align:top;}

.haisin_bn{ margin:0px 0 0 145px;padding:45px 0;}
.haisin_bn a.menu_in{ float:left; margin-right:40px; display:block; width:301px; height:54px; overflow:hidden;}
.haisin_bn a.menu_in:hover img{ margin-top:-54px;}
.haisin_bn p{font-weight:bold;}
.haisin_bn .tl{width: 301px; margin-left:341px; text-align: left; font-weight:bold;}
.haisin_bn .st{width: 880px; padding: 20px 0; margin-left:-125px;height:2px; background:url(../img/line.png) repeat-x center center;}

.haisin_bn .actor{background: url(../img/special/info_dl_bg.png) repeat; border:6px #fff100 solid; margin:10px 135px 30px 0px; padding-bottom:15px;}
.haisin_bn .actor p{ padding-top:20px; height:25px; line-height:25px; text-align:center; font-size:18px; font-weight:bold;}
.haisin_bn .actor .info{ float:left; padding:10px 20px; font-size:12px; line-height:160%; width:155px;}

/* haishin.html css start */
.haisin_other{
	margin-top: 0px;
	margin-right: 135px;
	margin-bottom: 0;
	margin-left: 145px;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 45px;
	padding-left: 0;
}
.haisin_other ul{ list-style:none; margin-bottom:25px;}
.haisin_other ul li{ float:left; margin: 0 18px 15px 0;}

.haisin_other a.menu_in{ float:left; margin-right:40px; display:block; width:301px; height:54px; overflow:hidden;}
.haisin_other a.menu_in:hover img{ margin-top:-54px;}
.haisin_other p{
	font-weight: bold;
	text-align: left;
}
.haisin_other .tl{width: 640px; text-align: center; font-weight:bold;}
.haisin_other .st{width: 880px; padding: 20px 0; margin-left:-125px;height:2px; background:url(../img/line.png) repeat-x center center;}

.haisin_other .btn{ width:100%; overflow:hidden; margin: 30px 0;}
.haisin_other .btn .l{ float:left; width:301px; height:54px; background:url(../img/bn_1_on.png) no-repeat;}
.haisin_other .btn .l:hover{ background-position: 0 -54px;}
.haisin_other .btn .r{ float:right; width:301px; height:54px; background:url(../img/bn_old_on.png) no-repeat;}
.haisin_other .btn .r:hover{ background-position: 0 -54px;}
.haisin_other .btn .r_txt{ float:right; width:290px; margin-top:10px; font-size:12px;}

/*140603 new css*/

.haisin_other .actor{background: url(../img/special/info_dl_bg.png) repeat; border:6px #fff100 solid; margin:10px 0px 30px 0px; padding-bottom:15px;}
.haisin_other .actor p{ padding-top:20px; height:25px; line-height:25px; text-align:center; font-size:18px; font-weight:bold;}
.haisin_other .actor .info{ float:left; padding:10px 20px; font-size:12px; line-height:160%; width:155px;}

/* haishin.html css end */


/*////////////==== haisin page END  ===///////////*/


/*////////////==== episode page star  ===///////////*/
.mod_all .l_btn1 { position: absolute; top: 30px; right:185px; width: 139px; height:21px; background:url(../img/episode/tit_off.png);}
.mod_all .l_btn2 { position: absolute; top: 30px; right:28px; width: 139px; height:21px; background:url(../img/episode/tit_off.png) 139px 0;}
.mod_all .l_btn3 { position: absolute; top: 30px; right:28px; width: 139px; height:21px; background:url(../img/episode/tit_on.png) 139px 0;}
.summaty_text { width:780px; overflow:hidden; margin:0px auto; margin-top:20px; padding-top:5px;}
.summaty_text img { float: left; margin-right: 20px; margin-top: -5px;}
.mod_all .st { width: 880px; margin: 0 auto; padding: 40px 0; height:2px; background:url(../img/line.png) repeat-x center center;}
.mod_all .go { width: 880px; margin: 0 auto; text-align:right; margin-top: 35px;}
.mod_all .go a{ display:inline-block; right:0; width: 165px; height: 31px; background:url(../img/episode/top_btn.png);}

.story_list{ list-style: none; width: 600px; margin: 0 auto; overflow:hidden; font-size: 15px; font-weight:bold; padding-bottom: 40px;}
.story_list li { float:left; width: 100%; margin-top: 20px;}
.story_list a { color:#00dbb5;}
.story_list .list_l{ float: left; width:420px;}
.story_list .list_r{ float: right; width:150px; text-align:right; color:#fff100;}
.special_dd{text-align:center; width: 760px; margin-left:-50px;}
.panel .img300{ width: 286px; margin: 0 3px; border:0;}
.panel .img300a{ width: 283px; margin: 0 3px; border:3px #fc3 solid;}
/*////////////==== episode page END  ===///////////*/



/*////////////==== special page star  ===///////////*/

.slideBox.special .hd ul{ position:absolute; left:30px; top:-1px; height:200px;   }

.special .hd ul{ float:left; position:absolute; left:96px; top:-1px; height:200px;}
.special .hd ul li{ margin-right:17px;}
.special .bd .con{ margin-left:10px; margin-top: 15px; position:relative;}
.special .bd .info{ padding:15px; font-size:15px; line-height:120%;}
.special .bd .info h1{ color:#F00; font-size:26px; margin: 20px 0;}
.special .bd .info h2{ color:#00419b; font-size:22px; margin: 20px 0 0 0; line-height:160%;}
.special .bd .info h2.fg{ background:url(../img/special/info_dl_bg.png) repeat; text-align:center; color:#FFF; margin:0; padding:20px 0;}
.special .bd .info .eve_tit{font-size:20px; font-weight:bold; color:#ffed00; padding:20px 0;}
.special .bd .info .qa_tit{background:url(../img/special/info_dl_bg.png) repeat; font-size:20px; font-weight:bold; color:#ffed00; border-bottom:1px #ffed00 solid; padding:20px 0;}
.special .bd .info .qa_tit span{ font-size:12px; margin-left:20px;}
.special .bd .info .qa_con{background:url(../img/special/info_dl_bg.png) repeat; display:none; padding-top: 20px;}
.special .bd .info p{ margin-top:50px; width:100%; overflow:hidden;}
.special .bd .info p img{ margin: 8px 8px 0 0;}
.special .bd .info hr{ height:1px; width:100%; background:#ffed00; margin-top:20px;}
.special .bd .info dl{ width:740px; margin-left: 20px; background:url(../img/special/info_dl_bg.png) repeat; border:6px #ff6c00 solid; padding:20px 50px; overflow:hidden; font-weight:bold;}
.special .bd .info dt{ float:left; width:85px; margin-top:25px;}
.special .bd .info dd{ float:left; width:650px; margin-top:25px;}
.special .bd span.note{ display:inline-block; background:url(../img/special/info_dl_bg.png) repeat; padding:5px 0; margin:5px 0 0 -115px; text-align:left; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both;}

.special .bd .info .event{ width:822px; background:url(../img/special/info_dl_bg.png) repeat; line-height:160%; padding:10px 35px; overflow:hidden;}

.special_movie{ background: url(../img/haisin/movie_bg.png) no-repeat; margin-left:71px; width:728px; height:529px;}
.special_movie .pv{ padding:41px 0 0 45px;}
.special_movie .pv img{ opacity:0.9;filter:Alpha(opacity=90); }


.special .bd .interview{ margin:15px; font-size:15px; line-height:120%; background:url(../img/special/info_dl_bg.png) repeat;}
.special .bd .interview .in_cin{ overflow:hidden; padding:20px;}
.special .bd .interview .in_cin dd{ float:left; width:150px; padding-right:15px;}
.special .bd .interview .in_cin dt{ float:left; width:680px; line-height:140%;}
.special .bd .interview .in_cin dt span{ font-size:18px; font-weight:bold;}



.q{ font-style:normal; color:#00dbb5;}
.a{ font-style:normal; color:#ff0000;}
.b{ font-style:normal; color:#00a0ff;}
.g{ font-style:normal; color:#1ea839;}
.o{ font-style:normal; color:#f19505;}
.y{ font-style:normal; color:#d8cc00;}
.v{ font-style:normal; color:#9d00c4;}
.ve{ font-style:normal; color:#e76f97;}

/*////////////==== special page END  ===///////////*/













.red{ color:#ff0000;}
.yellow{ color:#ffd200;}
.blue{ color:#009af5}
.greed{ color:#1ea839;}
.pad50{ padding-top:50px;}