html, body, div, 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; }
ul, li { list-style:none outside none; }
em { font-style:normal; }
fieldset, img { border:0; }
:focus { outline:0; }
input, select, form img, button { vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
a { text-decoration:none; color:#7D7D7D; }
a:hover { text-decoration:underline; }
body { font:normal 12px/1.6em simsun, Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif; color:#333333; }
.hide { position: absolute; left:-999em; }


.wp{ background: url(../img/bodyBg.jpg) no-repeat center 0px;}
.container { background:url(../img/mainBg.jpg) no-repeat; width:960px; height:618px; padding-top:38px; margin:0 auto; overflow:hidden; position:relative; }
.t_tit, .top_tit, .arr, .page a, .step_tab li .s_on, .page1 .next, .s_sina, .s_qq, .mic_blog .b_tit h4, .blog_text .v, .addBtn, .s_up a, .s_down a, .page_num,.page_num .ic_arr,.link_icarr { background:url(../img/sprite.png) no-repeat; }
.dotHover li { background:url(../img/dot_hover.png) no-repeat; }
.dot_line { background-position:0 -230px; background-repeat:repeat-x; height:1px; overflow:hidden; line-height:0; }
.s_l, .s_r { display:block; width:28px; height:39px; position:absolute; top:300px; overflow:hidden; text-indent:-999em; }
.s_l { left:24px; }
.s_r { right:24px; }
.slide_box { width:740px; height:480px; margin:11px auto 0; }
.content { width:740px; height:480px; overflow:hidden; position:relative; }
.con_box { width:740px; height:480px; overflow:hidden; }
.top_tit { background-repeat:repeat-x; background-position:0 0; width:742px; height:40px; margin:0 auto; position:relative; overflow:hidden; }
.top_tit .tit { font-size:14px; font-weight:bold; color:#ffffff; line-height:48px; float:left; padding-left:10px; }
.tit01, .tit02, .tit03, .tit04, .tit05, .tit06, .tit07 { width:742px; height:40px; }
.r_link { float: left; padding:15px 0 0 15px; height:20px; color:#ffffff; position:relative; }
.r_link a { color:#ffffff; }
.review { padding-right:15px;  position:relative; display:block;font-size:14px }
.arr { background-position:-240px -104px; width:10px; height:5px; position:absolute; right:0; top:5px;  }
.icarr_mag{ margin:0 10px}
.link_arr { padding-right:15px;  position:relative; display:inline-block;}
.link_icarr { background-position:-240px -104px; width:10px; height:5px; position:absolute; right:0; top:6px;  }

.drop_down{ background:#a20000; border:#840000 solid 1px; border-top:none; width:72px; position:absolute; top:77px;left:335px; z-index:999; padding-bottom:5px}
.drop_down li a{ display:block; height:20px; line-height:20px; color:#ffffff; text-align:center;}
.drop_down li a:hover{ background:#ce4040; text-decoration:none;}

.drop_01{ width:125px; left:185px}
.drop_01 li a{text-align:left; text-indent:18px;height:22px; line-height:22px;}
.drop_02{ width:230px; left:291px}
.drop_02 li a{text-align:left; text-indent:20px;height:22px; line-height:22px;}

.drop_down_page{ background:#DD9D22;width:38px; position:absolute; top:77px;right:109px; z-index:999; padding:0 1px 5px}
.drop_down_page li a{ display:block; height:18px; font-weight:bold; color:#ffffff; text-align:center;}
.drop_down_page li a:hover{ background:#E6B659; text-decoration:none;}

.page_num{ background-position:0 -114px; width:40px; height:40px; float:right;cursor:pointer; font-weight:bold; color:#ffffff; line-height:38px; text-align:center;position:relative;}
.page_num .ic_arr{background-position:-240px -104px; width:10px; height:5px; position:absolute;left:15px; top:28px;}

.con01, .con02, .con03, .con04, .con05, .con06 , .con07, .con08, .con09, .con10, .con11, .con12 { width:740px; height:480px; position:relative; float:left; overflow:hidden; }
/* .con07 { background:url(../img/bg2.jpg) no-repeat; width:700px; height:440px; padding:20px; overflow:hidden; float:left; }*/
.noB { border:none!important; }
.noM { margin:0!important; }
.nav { width:740px; height:119px; position:absolute; left:0; bottom:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#DDffffff', endColorstr='#DDffffff');
background:rgba(256, 256, 256, 0.9); color:#1989c4; }
.nav h4 { font:bold 14px/34px \5B8B\4F53; color:#b20c0f; }
.nav li { float:left; width:159px; height:111px; padding-top:8px; margin:0 0 0 25px; display:inline; overflow:hidden; border-right:#ffffff solid 1px; }
.nav li p { line-height:20px; _margin-top:2px; }
.nav li a { color:#1989c4; }
.nav li a:hover { text-decoration:underline; }
.img_bg{ width:740px; height:480px; overflow:hidden; position:relative;}
.film_text { width:740px; height:70px; position:absolute; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000', endColorstr='#CC000000');
background:rgba(0, 0, 0, 0.7); color:#ffffff; }
.f_tit { background-position:0 -83px; width:150px; height:70px; float:left; font:normal 20px/70px \5FAE\8F6F\96C5\9ED1; text-align:center; }
.f_info { width:422px; height:63px; margin-top:7px; padding-left:15px; float:left; overflow:hidden; }
.f_info h4 { font-size:14px; font-weight:bold; }
.f_info p { line-height:18px; }
.dbBtn { background-position:0 0; display:block; width:83px; height:31px; float:right; text-indent:-999em; margin:20px 26px 0 0; display:inline; }
.t_i { overflow:hidden; }
.t_text { width:200px; height:435px; position:relative; padding:22px 13px; float:left; }
.t_text h3 { color:#b90000; font-weight:bold; }
.t_text p { color:#333333; line-height:26px; margin-top:8px; }
.r_img { float:right; }
.page { position:absolute; left:25px; bottom:25px; }
.page a { background-position:0 -81px; display:inline-block; margin-right:4px; width:80px; height:30px; line-height:30px; text-align:center; }
.tq_box { background:#ffffff; width:738px; height:216px; border:#dcdcdc solid 1px; margin:1px 0px 13px; }
.tq_box .tab { background:#e9e9e9; border-bottom:#dcdcdc solid 1px; height:31px; }
.tq_box .tab h4 { width:90px; height:31px; float:left; text-align:center; line-height:31px; border-right:#dcdcdc solid 1px; position:relative; }
.tq_box .tab h4 a { color:#444444; display:block; width:90px; height:32px; position:absolute; left:0; top:0; }
.tq_box .tab h4 a:hover { text-decoration:none; }
.tq_box .tab h4 .t_on { background:#ffffff;  border-right:#dcdcdc solid 1px; color:#b20c0f; font-weight:bold; }
.tab_list li { width:210px; height:160px; float:left; margin:15px 0 0 25px; display:inline; }
.tab_list li .tq_img { width:210px; height:89px; display:block; }
.tab_list li .tq_text { color:#3c92c9; line-height:30px; }
.tab_list li p { width:210px; height:36px; overflow:hidden; line-height:18px; color:#444444; }
.skill_text { width:255px; height:340px; padding:30px; float:left; }
.skill_text h3 { color:#b90000; font-weight:bold; }
.skill_text p { color:#333333; line-height:26px; margin-top:8px; }
.skill_img { float:left; margin-top:40px; }
.step_img { width:398px; height:278px; overflow:hidden; }
.step_tab { background:url(../img/sBg.png) no-repeat; width:400px; height:22px; margin-top:15px; }
.step_tab li { height:22px; float:left; position:relative; }
.step_tab li a { display:block; width:70px; height:22px; position:absolute; top:0; text-align:center; color:#797979; line-height:22px; }
.step_tab li a:hover { text-decoration:none; }
.step_tab li .s_on { background-position:-156px -81px; color:#ffffff; }
.s1 a { left:0; }
.s2 a { left:50%; margin-left:-35px; }
.s3 a { left:50%; margin-left:-35px; }
.s4 a { right:0; }
.page1 { background:#e7e7e7; height:80px; overflow:hidden; clear:both; position:relative; }
.page1 a { color:#3c92c9; }
.page1 .pre { position:absolute; left:40px; top:30px; color:#444444; }
.page1 .next { background-position:0 -41px; width:270px; height:39px; line-height:39px; text-align:center; position:absolute; right:40px; top:20px; color:#3c92c9; }
.blog { width:690px; margin:20px auto; }
.blog h3 { font-weight:bold; color:#b20c0f; }
.blog_l { width:345px; height:300px; float:left; }
.blog_r { width:310px; height:400px; float:right; }
.text textarea { width:332px; height:216px; padding:5px 0 5px 10px; margin-top:15px; border:#bfbfbf solid 1px; overflow-x:hidden; overflow-y:scroll; font-size:12px; color:#ababab; line-height:24px; }
.share { margin-top:12px; overflow:hidden; }
.share a { display:block; float:left; margin-right:10px; display:inline; color:#ffffff; text-align:center;text-indent:30px; padding-right:10px; height:24px; line-height:24px; }
.share .s_sina { background-position:-44px -114px; width:116px; }
.share .s_qq { background-position:-44px -139px; width:116px; }
.mic_blog { margin-top:15px; width:308px; height:398px; border:#cacaca solid 1px; overflow:hidden; }
.mic_blog .b_tit { background:#e1e1e1; height:30px; line-height:30px; border:#ffffff solid 1px; border-bottom:#cacaca solid 1px; }
.mic_blog .b_tit h4 { background-position:-253px -81px; font-size:12px; padding-left:25px; margin-left:10px; color:#333333; }
.blog_con { margin:12px 10px; }
.blog_img { width:50px; height:50px; float:left; margin-bottom:10px; }
.blog_text { float:left; margin:0 0 10px 10px; display:inline; }
.blog_text p { height:20px; overflow:hidden; line-height:20px; }
.blog_text p a { display:block; float:left; padding-right:5px; color:#5093d5; font-size:14px; }
.blog_text .v { background-position:-256px -112px; display:block; float:left; width:13px; height:11px; margin-top:3px; }
.blog_text span { padding-left:5px; }
.addBtn { background-position:-81px -81px; display:block; width:73px; height:25px; margin-top:5px; text-indent:-999em; }
.add { font-weight:bold; font-size:14px; font-family:Arial; padding:0 6px 0 0; }
.message { height:150px; overflow:hidden; }
.message p { line-height:20px; margin-bottom:2px; }
.s_up, .s_down { background:#e4e4e4; height:10px; overflow:hidden; clear:both; }
.s_up a, .s_down a { display:block; width:8px; height:4px; margin:2px auto; }
.s_up a { background-position:-262px -125px; }
.s_down a { background-position:-262px -131px; }
.fans { overflow:hidden; clear:both; margin-top:15px; }
.total { height:20px; margin-bottom:10px; overflow:hidden; }
.total .num { float:left; }
.total .num strong { color:#5093d5; }
.total .all { float:right; color:#5093d5; }
.fansList li { width:50px; height:70px; float:left; overflow:hidden; margin:0 9px 0 0; display:inline; }
.fansList p { text-align:center; }
.fansList p a { color:#5093d5; }
.f_w { background:url(../img/fBg.gif) repeat; }
.footer { background:url(../img/fBg.gif) repeat !important; height:90px; margin:0 auto; clear:both; padding:30px 0 0 0; line-height:24px; text-align:center; color:#ffffff; }
.footer p a { margin:0 5px; color:white; text-decoration:none; }
.footer p a:hover { text-decoration:underline; }
.footer.i_f_co .f-nav a{color:white;}
.subtit_con{ height:30px; background:#202020; color:#6A6A6A; overflow:hidden}
.subtit_con a{ color:#ACACAC;}

.subtit_con .tit_info{ float:left; margin:8px 0 0 15px;_margin:10px 0 0 15px; display:inline}
.subtit_con .tit_info .ic_prscrn,.subtit_con .tit_info .ic_imgplay,.subtit_con .tit_info .ic_imgstop{display:inline-block;width:12px;height:13px;background:url(../img/sprite.png) no-repeat -174px -106px; overflow:hidden;vertical-align:-3px; *vertical-align: middle; margin-right:3px ;}
.subtit_con .tit_info .ic_imgplay{ background-position:-188px -106px;}
.subtit_con .tit_info .ic_imgstop{ background-position:-212px -120px;}

.subtit_con .tit_info .line_mag{ margin:0 5px 0 10px}

.subtit_con .wb_info{ float:right; margin:7px 8px 0 0;_margin:8px 8px 0 0; display:inline}
.subtit_con .wb_info a{ margin-left:13px}
.subtit_con .wb_info .ic_sina{ display:inline-block;width:16px;height:16px;background:url(../img/sprite.png) no-repeat -174px -120px; overflow:hidden; vertical-align:-2px; margin-right:5px ; }
.subtit_con .wb_info .ic_tx{ display:inline-block;width:16px;height:16px;background:url(../img/sprite.png) no-repeat -193px -120px; overflow:hidden; vertical-align:-2px; margin-right:5px ; }

.show_img{width:740px;height:370px; overflow:hidden;position:relative;}
.show_img .imgbox{width:740px;height:370px; overflow:hidden;}
.show_img .imgbg{position: absolute; bottom:0px;left:0px; width:740px; height:30px; background:#000;filter:alpha(opacity=80); opacity: 0.8; }
.show_img .img_page{position: absolute; bottom:9px; right:10px;}
.show_img .img_page li{ float:left; display:inline; cursor:pointer; margin-right:5px; width:14px; height:14px; overflow:hidden;background:url(../img/sprite.png) no-repeat -203px -105px;}
.show_img .img_page .on{background:url(../img/sprite.png) no-repeat -219px -105px;}
.show_img .imgtit{position: absolute; bottom:5px;left:15px; color:#fff; font-weight:bold}
.img_info{ padding:8px 20px 0; line-height:21px;position:relative; height:100px}
.img_info p{ text-indent:2em}
.img_info .img_links{position: absolute;top:22px;right:16px; width:139px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#fff;background:url(../img/sprite.png) no-repeat 0px 9999em; }
.img_info .img_links:hover{ text-decoration:none}
.img_info .link_bule{background-position:0px -165px; }
.img_info .link_red{background-position:0px -205px; }
.img_info .info01{ padding:0 180px 0 0}
.img_info .info01.nomal{ padding:0 0 0 0}

.p_links{position: absolute;width:50px;height:71px; overflow:hidden; top:160px;background:url(../img/bg_arr.png) no-repeat 0 -9999em;}
.linkup{ left:10px; background-position:0 0 }
.linkup:hover{background-position:-50px 0 }
.linknext{right:10px; background-position:-100px 0 }
.linknext:hover{background-position:-150px 0 }


.bodygray{ background:#000;filter:alpha(opacity=90); opacity: .9; height:826px;position: absolute; left:0; top:0; width:100%; z-index:1000; }
.bodyallgray{ background:#000;height:826px;position: absolute; left:0; top:0; width:100%; z-index:1000; }

.pop_ppbox{position: absolute;width:740px;height:480px;overflow: hidden; top:140px; left:50%; margin:0 0 0 -370px; background:#F6F6F6; z-index:1111}

.pop_allbox{position: absolute;width:740px;top:65px; left:50%; margin:0 0 0 -370px;z-index:1111}
.pop_allbox h2{ text-align:center;font:25px/25px \5FAE\8F6F\96C5\9ED1; color:#fff}
.pop_allbox .img_box{position:relative;width:740px;height:400px; color:#fff; margin:50px 0 0}
.pop_allbox img{ display:block}
.pop_allbox .imgcon{ margin-bottom:5px}
.pop_allbox .txt_quit{position: absolute;top:165px; left:290px; text-align:center;width:202px;height:35px; line-height:35px; color:#fff; overflow:hidden}
.pop_allbox .linkup{ left:-80px}
.pop_allbox .linknext{right:-80px;}
.pop_allbox .pp_list{width:740px;height:70px;overflow: hidden; position:relative; margin:25px 0 0}
.pop_allbox .p_slinks{position: absolute;width:16px;height:69px; overflow:hidden;top:0px;background:url(../img/sprite.png) no-repeat 0 -9999em;}
.pop_allbox .slinkup{left:0px; background-position:-174px -138px}
.pop_allbox .slinknext{right:0px; background-position:-191px -138px}
.pop_allbox .no_click{filter:alpha(opacity=30); opacity: 0.3; cursor:default}

.pop_allbox .list{ width:700px;height:70px;overflow: hidden; position: absolute;top:0; left:25px;}
.pop_allbox .list li{ float:left; display:inherit; margin-right:5px; cursor:pointer}
.pop_allbox .list li img{ border:2px #323232 solid}
.pop_allbox .list .on img{ border:2px #E30000 solid}

.pop_lastbox{ border:1px #2C2C2C solid; background:#1A1A1A;position: absolute;width:480px;height:290px;overflow: hidden; top:320px; left:50%; margin:0 0 0 -240px; z-index:2222}

.lastinfo{position: relative;width:480px;height:290px;overflow: hidden;}

.lastinfo .link_close{position: absolute;width:19px;height:19px; text-indent:-999em; overflow:hidden;top:5px; right:5px;background:url(../img/sprite.png) no-repeat -231px -82px;}

.lastinfo .this_zt{ width:420px; margin:35px auto 10px;height:95px;; color:#7D7D7D; overflow:hidden;border-bottom:1px #434343 solid;}
.lastinfo .this_zt .zt_linkimg{ float:left; margin:0 15px 0 0; display:inline;}
.lastinfo .this_zt .linktop{ margin-bottom:12px}
.lastinfo .link_white{ color:#fff;}

.lastinfo .old_zt{width:420px; margin:10px auto; overflow:hidden}
.lastinfo .old_zt .zt_list{ margin-top:8px; overflow:hidden; width:500px}
.lastinfo .old_zt .zt_list ul{ margin-left:-28px; height:100%}
.lastinfo .old_zt .zt_list li{ float:left; display:inline; margin-left:28px; text-align:center}
.lastinfo .old_zt .zt_list li img{ display:block; margin-bottom:2px}




.pop_dybox{background:url(../img/bg_popdy.png) no-repeat;position: fixed;_position: absolute;width:230px;height:140px;overflow: hidden; top:50%; left:50%; margin:-70px 0 0 -115px; z-index:2222}
.dyinfo{position: relative;width:230px;height:140px;}
.dyinfo .link_close{position: absolute; top:3px; right:3px; overflow:hidden; text-indent:-999em; width:20px; height:20px;}

.dyinfo .dycon{ padding:25px; color:#5E5E5E}
.dyinfo .dycon .in_mail{ border:1px #CEDBE1 solid; width:168px; height:20px; line-height:20px; padding:2px 4px}
.dyinfo .dycon .link_get{width:80px;height:30px; line-height:30px; display:inline-block; text-align:center; overflow:hidden; color:#0096FF;background:url(../img/sprite.png) no-repeat 0 -81px;}
.dyinfo .dycon .link_get:hover{ text-decoration:none}
.dyinfo .dycon .btn{ padding-top:15px; text-align:center}
.dyinfo .dycon .dy_ok{ padding:10px 0 0 28px;font:bold 18px/20px \5FAE\8F6F\96C5\9ED1;}
.dyinfo .dycon .icon{width:33px;height:35px;display:inline-block; overflow:hidden;background:url(../img/sprite.png) no-repeat -140px -165px; margin-right:5px; vertical-align:middle }
/*add by jessica*/
.page_num .nowpage{width:100%;height:100%;display:block;}
#Cover{width:740px;}



