@charset "utf-8";
*{margin: 0;padding: 0;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400;}
body{ background:#fff; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; font-size:14px;}
img{ border:0;}
ol, ul{ list-style:none;}
:link, :visited, ins{ text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}
sub, sup{ font-size:100%; vertical-align:baseline;}
blockquote, q{ quotes:"\201C" "\201D" "\2018" "\2019";}
blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
button, input, select, textarea{ font-family:inherit; font-size:100%; margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
textarea{ overflow:auto; resize:vertical; vertical-align:top;}
i, cite, em, address{ font-style:normal;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#09F; text-decoration:none;}
a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.warp_contain .bannner{width: 100%;height: 460px;overflow: hidden; background: url(../images/chinajoy2016/banner1.jpg) no-repeat top center;}
.warp_contain .nav_top_name{width: 100%;height: 70px;line-height: 70px;background-color: #362a5a;}
.warp_contain .nav_top_name a.hot_name{display: block;width:200px;height: 70px;line-height: 70px;float:left; text-align: center; font-size: 24px;color: #fffefe;}
.warp_contain .nav_top_name a.hot_name.active{color: #362a5a;background-color: #eaba35;}


#part_one{}
.warp_width{width: 1000px;height: auto;overflow: hidden;margin: 0 auto;}
.adver_g{display: block; width: 1000px;height: 90px;background-color: #d0d0d0;margin: 20px 0;clear: both;}

/*首页图片轮播*/
#hot_spots{ margin-bottom: 10px;}
.homebanner{ float: left; height: 310px; width: 660px; position: relative; overflow: hidden;}
.targetO{ height: 310px; width: 660px; overflow:hidden;}
.targetO li{ height: 310px; width: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
.targetO li a{ display: block; height: 100%; width: 100%; position: relative;}
/* .targetO li a:before {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;
background-color: rgba(0,0,0,0);background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000));background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000);background: -ms-linear-gradient(top, rgba(0,0,0,0), #000);opacity: 0.7;
content: " ";z-index: 10;filter:alpha(opacity=100);} */
.targetO li a:hover:before { opacity: 1;} 
.targetO .title{ font-size: 24px; color: #fff; line-height: 55px; height: 55px; width: 660px; position: absolute; left: 0; bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 11;}
.targetO .title h2{ display: none; padding:0 20px; font-weight: 400; -webkit-text-shadow: 0 2px 4px rgba(0,0,0,.75); -ms-text-shadow: 0 2px 4px rgba(0,0,0,.75); -moz-text-shadow: 0 2px 4px rgba(0,0,0,.75); text-shadow: 0 2px 4px rgba(0,0,0,.75);  background-color: #000; opacity: 0.7; filter: alpha(opacity=70);  width: 620px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 55px; line-height: 55px;}
.targetO .msgShow{ display: none; color: #fff; height: 50px; position: absolute; left: 25px; top: 190px; z-index: 11;}
.targetO .msgShow .num{ float:left; font-family: Arial; font-size: 62px; font-weight: 400; vertical-align: top;margin-right: 5px;-webkit-text-shadow: 0 2px 4px rgba(0,0,0,.75); -ms-text-shadow: 0 2px 4px rgba(0,0,0,.75); -moz-text-shadow: 0 2px 4px rgba(0,0,0,.75); text-shadow: 0 2px 4px rgba(0,0,0,.75);}
.targetO .msgShow .headerImg{ float:left; margin-top: 5px; height: 50px; vertical-align: top;}
.targetO .msgShow .header{ margin-top: 2px; height: 32px;}
.targetO .msgShow .header span{ display: inline; float: left; background: url(../images/chinajoy2016/opticy_40.png) repeat; margin-right: 2px; height: 32px; width: 32px;}
.targetO .msgShow .header span img{ float: left; margin: 1px; height: 30px; width: 30px; overflow: hidden; vertical-align: top;}

.targetO span.bigimg img{ display:none;}
.homebanner .controller .prev, .homebanner .controller .next{line-height: 0;overflow: hidden;display: block;margin-top: -30px;height: 62px;width: 30px;position: absolute;top: 50%;text-indent: -999em;font-size: 0;filter: alpha(opacity=0);opacity: 0;-moz-transition: all .32s linear;-ms-transition: all .32s linear;
-webkit-transition: all .32s linear;transition: all .32s linear;z-index: 11; opacity: 0;}
.homebanner .controller .prev{ background: url(../images/chinajoy2016/prev_btn.png) no-repeat; left: -30px;}
.homebanner .controller .next{ background: url(../images/chinajoy2016/next_btn.png) no-repeat; right: -30px;}
.homebanner:hover .controller .prev,.homebanner:hover .controller .next{ opacity:1;}
.homebanner:hover .controller .prev{ left: 0;}
.homebanner:hover .controller .next{ right: 0;}
.homebanner .controller .prev span,.homebanner .controller .next span{ display: none;}
.homebanner .controller .triggers{ position:absolute; left:0; bottom:0;  height: 4px; width: 100%; z-index: 11;}
.homebanner .controller .triggers a{ display: inline; float: left; height: 4px; width: 131px; margin-left: 1px;  overflow: hidden; background: #72879c; text-indent: -999em;}
.homebanner .controller .triggers a:hover, .controller .triggers a.current{background:#eaba35;}

/* 右边部分 */
.Topapps{display:inline; float:right; margin-left:2px; height:308px; width:320px; vertical-align:top;}
.new_name{font-size: 30px;color: #362a5a;border-left: 5px solid #eaba35;height: 30px;line-height: 30px;padding-left: 8px;margin-bottom: 15px;position: relative;}
.new_name.new_name_mar{margin: 20px 0;}
.Topapps .zh_news{}
.Topapps .zh_news ul li{border-bottom: 1px dashed #dedede;}
.Topapps .zh_news ul li a.name_zh{display: block; font-size: 15px;color: #000;height: 16px;line-height: 16px;padding: 5px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 600;}
.Topapps .zh_news ul li .word_zh{display: block; font-size: 12px;color: #666;height: 16px;line-height: 16px;padding: 5px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.Topapps .zh_news ul li a:hover{  color: #ed0000;}

.zw_bttm{width: 320px; height: auto;overflow: hidden;margin-top: 12px;}
.zw_bttm .btn_visit_zb{display: inline-block;width: 155px;height: 40px;background: url(../images/chinajoy2016/visied.jpg); font-size: 0;text-indent: -999;float: left;}
.share_fx_ym{width: 150px;float: right;}
.share_fx_ym .bdsharebuttonbox.bdshare-button-style0-16{width:90px;float: right;}
.share_fx_ym .share_word{font-size: 16px;color: #362a5a;line-height: 40px;}
/* .bdshare-button-style0-16 a.bds_tsina,.bdshare-button-style0-16 a.bds_weixin{display:block;width: 40px;height: 40px;float: left; background: url(../images/chinajoy2016/chinajoy_xl.jpg) no-repeat;padding: 0;height: 40px;line-height: 40px;margin: 0; }
.bdshare-button-style0-16 a.bds_weixin{float: right;background: url(../images/chinajoy2016/chinajoy_wx.jpg) no-repeat; } */

#part_two{width: 100%;height: auto;background-color: #efefef;overflow: hidden;padding: 5px 0 15px 0;}
#part_two .most_hot_view{height: 482px; width: 1020px; overflow: hidden; position: relative;}
#part_two .most_hot_view .must_hot{display: block;width: 240px;height: auto;overflow: hidden;float: left;margin-right: 15px;}
#part_two .most_hot_view .must_hot img{display: block; width: 240px;height: 156px;}
#part_two .most_hot_view .must_hot .word_view{width: 240px; font-size: 18px;color: #111;height: 60px;line-height: 30px;overflow: hidden;margin: 10px 0 15px 0; }
#part_two .most_hot_view .must_hot .word_view:hover{color: #f9aa00;}

/* 圆点轮播 */
.cjtableanniu{ width: 200px; position: absolute; right: 0; top: 0; text-align: right;}
.cjtableanniu a{ display: inline-block; margin: 0 5px;}
.cjtableanniu a i{width: 10px; height: 10px; font-size: 0; text-indent: -999em; display: inline-block;}
.cjtableanniu a .iconlunbo{background:url(../images/chinajoy2016/ChinaJoylunbo2.png) no-repeat;}
.cjtableanniu a.active .iconlunbo{background:url(../images/chinajoy2016/ChinaJoylunbo1.png) no-repeat;}

#part_three{}
#part_three .big_left{width:660px;height: auto;overflow: hidden;float: left;  padding-bottom: 10px;}
#part_three .big_right{width: 320px;height: auto;overflow: hidden;float: right;}
.zhongbxyou{display: block;width: 330px;height: 90px;float: left;margin-bottom: 10px;}
.zhongbxyou .blockbuster{}
.zhongbxyou .blockbuster img{display: block;width: 130px;height: 90px;float: left;}
.zhongbxyou .blockbuster .buster_name{ width: 173px;padding:0 10px; font-size: 14px;line-height:22px;height: 44px; color: #111;overflow: hidden;float: left;font-weight: 600;margin-bottom: 8px;}
.zhongbxyou .blockbuster .buster_intro{width: 173px;padding:0 10px; font-size: 12px;line-height:15px;height: 30px; color: #666;overflow: hidden;float: left;}
.zhongbxyou .blockbuster p:hover{color: #f9aa00;}
#part_three #hot_spots{ margin-bottom: 10px;}
#part_three .homebanner{ float: left; height: 390px; width: 320px; position: relative; overflow: hidden;}
#part_three .targetO{ height: 390px; width: 320px; overflow:hidden;}
#part_three .targetO li{ height: 390px; width: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
#part_three .targetO li a{ display: block; height: 100%; width: 100%; position: relative;}
#part_three .targetO li a:hover:before { opacity: 1;} 
#part_three .targetO .title{ font-size: 18px; color: #fff; line-height: 50px; height: 50px; width: 320px; position: absolute; left: 0; bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 11;}
#part_three .targetO .title h2{ display: none; padding:0 10px; font-weight: 400; -webkit-text-shadow: 0 2px 4px rgba(0,0,0,.75); -ms-text-shadow: 0 2px 4px rgba(0,0,0,.75); -moz-text-shadow: 0 2px 4px rgba(0,0,0,.75); text-shadow: 0 2px 4px rgba(0,0,0,.75);  background-color: #000; opacity: 0.7; filter: alpha(opacity=70);  width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px;}
#part_three .targetO .msgShow{ display: none; color: #fff; height: 50px; position: absolute; left: 25px; top: 190px; z-index: 11;}
#part_three .targetO .msgShow .num{ float:left; font-family: Arial; font-size: 62px; font-weight: 400; vertical-align: top;margin-right: 5px;-webkit-text-shadow: 0 2px 4px rgba(0,0,0,.75); -ms-text-shadow: 0 2px 4px rgba(0,0,0,.75); -moz-text-shadow: 0 2px 4px rgba(0,0,0,.75); text-shadow: 0 2px 4px rgba(0,0,0,.75);}
#part_three .targetO .msgShow .headerImg{ float:left; margin-top: 5px; height: 50px; vertical-align: top;}
#part_three .targetO .msgShow .header{ margin-top: 2px; height: 32px;}
#part_three .targetO .msgShow .header span{ display: inline; float: left; background: url(../images/chinajoy2016/opticy_40.png) repeat; margin-right: 2px; height: 32px; width: 32px;}
#part_three .targetO .msgShow .header span img{ float: left; margin: 1px; height: 30px; width: 30px; overflow: hidden; vertical-align: top;}

#part_three .targetO span.bigimg img{ display:none;}
#part_three .homebanner .controller .prev, #part_three  .homebanner .controller .next{line-height: 0;overflow: hidden;display: block;margin-top: -30px;height: 62px;width: 30px;position: absolute;top: 50%;text-indent: -999em;font-size: 0;filter: alpha(opacity=0);opacity: 0;-moz-transition: all .32s linear;-ms-transition: all .32s linear;
-webkit-transition: all .32s linear;transition: all .32s linear;z-index: 11; opacity: 0;}
#part_three .homebanner .controller .prev{ background: url(../images/chinajoy2016/prev_btn.png) no-repeat; left: -30px;}
#part_three .homebanner .controller .next{ background: url(../images/chinajoy2016/next_btn.png) no-repeat; right: -30px;}
#part_three .homebanner:hover .controller .prev, #part_three .homebanner:hover .controller .next{ opacity:1;}
#part_three .homebanner:hover .controller .prev{ left: 0;}
#part_three .homebanner:hover .controller .next{ right: 0;}
#part_three .homebanner .controller .prev span, #part_three .homebanner .controller .next span{ display: none;}
#part_three .homebanner .controller .triggers{ position:absolute; left:0; bottom:0;  height: 4px; width: 100%; z-index: 11;}
#part_three .homebanner .controller .triggers a{ display: inline; float: left; height: 4px; width: 79px; margin-left: 1px;  overflow: hidden; background: #72879c; text-indent: -999em;}
#part_three .homebanner .controller .triggers a:hover, #part_three  .controller .triggers a.current{background:#eaba35;}



#part_four{width: 100%;height: auto;background-color: #efefef;overflow: hidden;padding: 5px 0 15px 0;}
.touch_kiss{width: 1000px;height: 474px;overflow: hidden;position: relative;}
.touch_kiss ul {height: 474px;width: 600%;position: absolute;top:0;left: 0}
.touch_kiss ul li{width: 1000px;height: 474px;float: left;position: relative;}

.touch_kiss ul li .all_touch{width: 1000px; height: auto;overflow: hidden;}
.touch_kiss ul li .all_touch .left_touch{display: block; width: 320px;height: 470px;float: left;position: relative;}
.touch_kiss ul li .all_touch .left_touch .intro_touch{font-size: 20px;color: #fff;width: 300px;padding: 0 10px; height: 60px;line-height: 60px; background-color: #000;opacity: 0.7;filter:alpha(opacity=70);overflow: hidden;text-overflow:ellipsis;white-space: nowrap; position: absolute;bottom: -70px;left: 0;}
.touch_kiss ul li .all_touch .left_touch:hover .intro_touch{bottom: 0;left: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.touch_kiss ul li .all_touch .right_touch{display: block; width: 320px;height: auto;overflow: hidden;margin-left: 20px; float: left;}
.touch_kiss ul li .all_touch .right_touch .intro_touch{font-size: 20px;color: #111;width: 300px;padding: 0 10px; height: 44px;line-height: 46px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.touch_kiss ul li .all_touch .right_touch:hover .intro_touch{color: #f9aa00;}

#part_five{width: 100%;height: auto;background-color: #fff;overflow: hidden;padding: 5px 0 20px 0;}
.great_around{width: 1000px;height: 480px;overflow: hidden;position: relative;}
.great_around ul {height: 480px;width: 600%;position: absolute;top:0;left: 0}
.great_around ul li{width: 1000px;height: 474px;float: left;position: relative;}

.great_around .around_left{width: 500px;height: 480px;float: left;}
.great_around .around_left .great_left{display: block; width: 248px;height: 239px;float: left;overflow: hidden;position: relative;margin: 0 2px 2px 0;}
.great_around .around_left .great_left .intro_arround{font-size: 14px;color: #fff;width: 230px;padding: 0 10px; height: 35px;line-height: 35px;background-color: #000;opacity: 0.7;filter:alpha(opacity=70); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: -40px;left: 0px;}
.great_around .around_left .great_left:hover .intro_arround{bottom: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.great_around .around_left .great_left .intro_arround:hover{color: #f9aa00;}

.great_around .around_left .great_left_big{display: block; width: 498px;height: 240px;float: left;overflow: hidden;position: relative;}
.great_around .around_left .great_left_big .intro_arround{font-size: 14px;color: #fff;width: 477px;padding: 0 10px; height: 35px;line-height: 35px;background-color: #000;opacity: 0.7;filter:alpha(opacity=70); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: -40px;left: 0px;}
.great_around .around_left .great_left_big:hover .intro_arround{bottom: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.great_around .around_left .great_left_big .intro_arround:hover{color: #f9aa00;}

.great_around .around_center{width:250px;height: 480px;float: left;}
.great_around .around_center .great_left{display: block; width: 250px;height: 124px;float: left;overflow: hidden;position: relative;margin: 0 2px 2px 0;}
.great_around .around_center .great_left .intro_arround{font-size: 14px;color: #fff;width: 227px;padding: 0 10px; height: 35px;line-height: 35px;background-color: #000;opacity: 0.7;filter:alpha(opacity=70); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: -40px;left: 0px;}
.great_around .around_center .great_left:hover .intro_arround{bottom: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.great_around .around_center .great_left .intro_arround:hover{color: #f9aa00;}

.great_around .around_center .great_left_big{display: block; width: 498px;height: 354px;float: left;overflow: hidden;position: relative;}
.great_around .around_center .great_left_big .intro_arround{font-size: 14px;color: #fff;width: 227px;padding: 0 10px; height: 35px;line-height: 35px;background-color: #000;opacity: 0.7;filter:alpha(opacity=70); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: -40px;left: 0px;}
.great_around .around_center .great_left_big:hover .intro_arround{bottom: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.great_around .around_center .great_left_big .intro_arround:hover{color: #f9aa00;}

.great_around .around_right{width:250px;height: 480px;float: left;}
.great_around .around_right .great_left{display: block; width: 250px;height:239px;float: left;overflow: hidden;position: relative;margin: 0 2px 2px 0;}
.great_around .around_right .great_left .intro_arround{font-size: 14px;color: #fff;width: 227px;padding: 0 10px; height: 35px;line-height: 35px;background-color: #000;opacity: 0.7;filter:alpha(opacity=70); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: -40px;left: 0px;}
.great_around .around_right .great_left:hover .intro_arround{bottom: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.great_around .around_right .great_left .intro_arround:hover{color: #f9aa00;}

#part_six{width: 100%;height: auto;background-color: #efefef;overflow: hidden;padding: 5px 0 15px 0;}
.intreview{width: 1000px;height: 360px;overflow: hidden;position: relative;}
.intreview ul {height: 360px;width: 600%;position: absolute;top:0;left: 0}
.intreview ul li{width: 1020px;height: 474px;float: left;position: relative;}

.intreview .interview_duc{display: block;width: 320px;height: 160px;overflow: hidden;float: left;background-color: #fff;  margin: 0 20px 20px 0;}
.intreview .interview_duc .interview_t{display: block;width: 130px;height: 160px;float: left;}
.intreview .interview_duc .interv_p_n{font-size: 16px;color: #111;height: 72px;line-height: 24px;overflow: hidden;font-weight: 600;padding: 15px 15px 0 15px;}
.intreview .interview_duc .interv_word{font-size: 12px;color: #666;height: 60px;line-height: 18px; overflow: hidden;padding: 10px 15px 0 15px;}
.intreview .interview_duc p:hover{color: #f0a200;}

#part_seven{width: 100%;height: auto;background-color: #fff;overflow: hidden;padding: 5px 0 15px 0;}
.scene_collection{width: 1000px;height: 410px;overflow: hidden;position: relative;}
.scene_collection ul {height: 410px;width: 600%;position: absolute;top:0;left: 0}
.scene_collection ul li{width: 1000px;height: 474px;float: left;position: relative;}


.scene_collection .sence_left{display: block;width: 333px;height: 402px;overflow: hidden;float: left;}
.scene_collection .sence_left .collect_tu{display: block; width: 330px;height: 200px;margin: 0 2px 2px 0;}
.scene_collection .sence_left .collect_tu_s{display: block; width: 164px;height: 99px;float: left;margin: 0 2px 2px 0;}

.scene_collection .sence_center{display: block;width: 333px;height: 402px;overflow: hidden;float: left;}
.scene_collection .sence_center .collect_tu{display: block; width: 330px;height: 200px;margin: 0 2px 2px 0;}
.scene_collection .sence_center .collect_tu_s{display: block; width: 164px;height: 99px;float: left;margin: 0 2px 2px 0;}


.gobackBtn{display: block;width: 50px;height: 50px;position: fixed;bottom: 100px; left: 50%; margin-left: 520px;}
.gobackBtn i{display: block;width: 50px;height: 50px;font-size: 0;text-indent: -999;background: url(../images/chinajoy2016/top_tu1.png) no-repeat;}
.gobackBtn:hover i{background: url(../images/chinajoy2016/top_tu2.png) no-repeat;}