body{ margin:0; font-size:14px; color:#939393; font-family:Arial, Helvetica, sans-serif; background:url(../../img/main/mainbg.png)}
a{ text-decoration:none;}
.clear{ clear:both;}
.hidden{ display:none;}
.red{ color:#CF1F2C;}
.l10{ margin-left:10px;}
.p_c{ width:32px; height:38px; background:url(../../img/pepper.png); float:left;}
.volume{ cursor:pointer;}

.login_bg{ width:100%; height:100%; position:fixed; z-index:100; background:url(../../img/main/bg.png); display:none;}
.display{ display:block;}
.login_bg .login_box{ width:669px; margin:0 auto; margin-top:180px;}
.login_bg .login_box .error_report{ width:654px; height:15px; background:#FFF; padding-left:15px; color:#CF1F2C; padding-top:10px; font-weight:bold; display:none;}
.login_bg .login_box .title{ width:654px; height:34px; background:url(../../img/main/cut_login.png); font-size:16px; text-align:left; font-weight:bold; color:#FFF; padding-left:15px; line-height:2em;}
.login_bg .login_box .c_title{ width:669px; height:30px; padding-top:20px; text-align:center; font-size:16px; background:#FFF; color:#1A6FCC; font-weight:bold;}
.login_bg .login_box .content{ width:569px; padding:0 50px 20px 50px; background:#FFF; color:#5D5D5D;}
.login_bg .login_box .content a{ color:#B32C32;}
.login_bg .login_box .space{ width:669px; height:60px; background:#FFF;}
.login_bg .login_box .space div{ width:95px; height:32px; background:url(../../img/main/ok.png); margin:0 auto; cursor:pointer;}
.login_bg .login_box .title #cancel{ width:38px; height:34px; float:right; cursor:pointer;} 
.login_bg .login_box .title #cancel:hover{ background:url(../../img/main/cut_login.png); background-position:-631px -34px;}
.login_bg .login_box .box_left{ width:335px; height:220px; float:left; background:#FFF; border-radius: 0 0 0 5px;}
.login_bg .login_box .box_right{ width:334px; height:220px; float:right; background:#FFF; border-radius:0 0 5px 0;}
.login_bg .login_box .box_right .br_title{ width:334px; height:23px; padding-top:17px; text-align:center; font-weight:bold; font-size:16px; color:#2473D0;}
.login_bg .login_box .box_right .br_content{ width:280px; font-size:12px; font-weight:bold; color:#555; padding:4px 30px;}
.login_bg .login_box .box_right .br_tb{ width:300px; height:40px; background:#FFF; padding-top:16px;}
.login_bg .login_box .box_right .br_tb .register{ width:104px; height:31px; background:url(../../img/main/cut_login.png); border:none; float:right; margin-right:15px; cursor:pointer; background-position:-104px -34px;}
.login_bg .login_box .box_right .br_tb .register:hover{ background-position:-104px -65px;}
.login_bg .login_box .text{ width:285px; height:20px; color:#3A3A3A; background:#FFF; padding-top:10px; padding-left:15px;}
.login_bg .login_box .textb{ width:285px; height:30px; background:#FFF; padding-left:15px;}
.login_bg .login_box .textb .input{ width:262px; height:18px; background:#F2F2F2; border:#D0D0D0 2px solid;}
.login_bg .login_box .textb .red_input{ border:#CF1F2C 2px solid;}
.login_bg .login_box .textb #codes{ width:120px;}
.login_bg .login_box .textb .tl{ float:left;}
.login_bg .login_box .textb #codeimg{ cursor:pointer;}
.login_bg .login_box .forget{ width:280px; height:20px; background:#FFF; font-size:12px; text-align:right; padding-right:20px;}
.login_bg .login_box .forget a{ color:#4586EF; font-weight:bold;}
.login_bg .login_box .forget a:hover{ text-decoration:underline;}
.login_bg .login_box .btn_tb{ width:300px; height:40px; background:#FFF; padding-top:30px;}
.login_bg .login_box .btn_tb #cancel{ width:95px; height:32px; background:url(../../img/main/bt.png); background-position:bottom; border:none; float:right; margin-right:10px; cursor:pointer;}
.login_bg .login_box .btn_tb #login_b{ width:104px; height:31px; background:url(../../img/main/cut_login.png); border:none; float:right; margin-right:15px; cursor:pointer; background-position:0 -34px;}
.login_bg .login_box .btn_tb #login_b:hover{ background-position:0 -65px;}
#lightbox{ z-index:3;}

.parent_body{ width:990px; background:#FFF; margin:0 auto; box-shadow: #999 0px 0px 4px;}

.head{ width:960px; height:87px; position:relative; z-index:99; margin:0 auto; top:5px; background:url(../../img/main/cut.png);}
.head .logo{ width:91px; height:85px; background:url(../../img/world.gif); float:left; margin-left:12px; background-position:bottom; background-repeat:no-repeat; background-position: -1px -2px; background-repeat:no-repeat;}
.head .hbody{ width:810px; height:87px; float:right;}
.head .hbody .htop{ width:810px; height:34px; padding-top:7px;}
.head .hbody .htop .channel{ width:163px; height:23px; background:url(../../img/main/cut.png); background-position:0 -87px; float:left; text-align:center; font-weight:bold; color:#333; cursor:pointer; padding-top:5px; margin-left:10px;}
.head .hbody .htop .channel_hov{ background:url(../../img/main/cut.png); background-position:0 -115px; color:#FFF;}
.head .hbody .htop .channel span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
.head .hbody .htop #profile{ margin-left:115px;}
.head .hbody .htop .htsu{ width:74px; height:23px; background:url(../../img/main/cut.png); background-position:-163px -115px; float:left; margin-left:130px; text-align:center; padding-top:5px; color:#FFF; cursor:pointer; font-weight:bold;}
.head .hbody .htop .htsu:hover{ background-position:-163px -87px; color:#333;}
.head .hbody .htop .htli{ width:67px; height:23px; background:url(../../img/main/cut.png); background-position:-237px -87px; float:left; margin-left:10px; text-align:center; padding-top:5px; color:#333; cursor:pointer; font-weight:bold;}
.head .hbody .htop .htli:hover{ background-position:-237px -115px; color:#FFF;}
.head .hbody .htop .lg{ height:23px; float:right; margin-right:15px; text-align:center; padding-top:5px; color:#555; font-weight:bold;}
.head .hbody .htop .lg a{ color:#888; text-decoration:none;}
.head .hbody .htop .lg a:hover{ text-decoration:underline;}
.head .hbody .hbtm{ width:810px;}
.head .hbody .hbtm .search_box{ width:270px; height:33px; float:right; margin-right:13px; overflow:hidden;}
.head .hbody .hbtm .search_box .stext{ width:228px; height:31px; background:url(../../img/main/cut.png); background-position:0 -145px; float:left; display:none; padding-top:2px; padding-left:10px;}
.head .hbody .hbtm .search_box .stext input{ width:238px; height:25px; border:none; background:none;}
.head .hbody .hbtm .search_box .sbtn{ width:32px; height:33px; background:url(../../img/main/cut.png); background-position:-238px -145px; float:right; cursor:pointer; position:relative; top:-7px;}
.head .hbody .hbtm .search_box .sbtn:hover{background-position:-270px -145px; }

.main_body{ width:960px; margin:0 auto; position:relative; top:-43px;}
.main_body .banner{ width:960px; height:443px; background:#FFF;}
.main_body .banner .video{ width:590px; height:360px; float:left; position:relative; top:+65px; background:#000;}
.main_body .banner .btn_area{ width:338px; height:295px; background:url(../../img/grimm/v_list.png); position:relative; top:+37px; left:+615px; padding-top:97px;}
.main_body .banner .btn_area #down_all{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:0 0; margin:0 auto; cursor:pointer;}
.main_body .banner .btn_area #down_v1{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:0 -31px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .banner .btn_area #down_v2{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:0 -62px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .banner .btn_area #down_v3{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:0 -93px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .banner .btn_area #get_all{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:-229px 0; margin:0 auto; cursor:pointer;}
.main_body .banner .btn_area #get_v1{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:-229px -31px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .banner .btn_area #get_v2{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:-229px -62px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .banner .btn_area #get_v3{ width:229px; height:31px; background:url(../../img/grimm/ban_btn.png); background-position:-229px -93px; margin:0 auto; margin-top:4px; cursor:pointer;}
.main_body .center_pic{ width:960px; height:185px;}
.main_body .center_pic .s_s{ width:420px; height:185px; float:left; background:#E9E9E9; padding-left:10px; padding-right:10px;}
.main_body .center_pic .s_s .title{ width:420px; height:20px; color:#747474; font-weight:bold; padding-top:5px;}
.main_body .center_pic .s_s .ss_pic{ width:128px; height:133px; float:left; padding:3px; background:#FFF; box-shadow: #999 0px 0px 4px; margin-top:5px;}
.main_body .center_pic .s_s .ss_space{ margin-left:9px;}
.main_body .center_pic .c_a{ width:485px; height:185px; float:right; background:#E9E9E9; padding-left:10px; padding-right:10px;}
.main_body .center_pic .c_a .title{ width:465px; height:20px; color:#747474; font-weight:bold; padding-top:5px;}
.main_body .center_pic .c_a .ca_pic{ width:103px; height:61px; float:left; padding:3px; background:#FFF; box-shadow: #999 0px 0px 4px; margin-top:5px;}
.main_body .center_pic .c_a .ca_space{ margin-left:15px;}
.main_body .vol_list{ width:960px; margin-top:10px; z-index:-1;}
.main_body .vol_list .vol{ width:307px; float:left; margin-left:19px;}
.main_body .vol_list .vol .title{ width:307px; height:38px; background:url(../../img/grimm/button.png); background-position:0 -119px; font-size:18px; color:#A5200F; padding-top:4px; text-align:center; text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75); position:relative; z-index:2;}
.main_body .vol_list .vol .body{ width:307px; padding-top:15px; background:#FFF; box-shadow: #999 0px 0px 4px; border-radius:1px 1px 1px 1px; position:relative; top:-8px; padding-bottom:20px;}
.main_body .vol_list .vol .body .vol_child{ height:71px; padding:11px; border-bottom:#E2E2E2 1px solid;}
.main_body .vol_list .vol .body .vol_child .pic{ width:66px; height:66px; padding:2px; float:left; box-shadow: #BBB 0px 0px 4px;}
.main_body .vol_list .vol .body .vol_child .content{ width:180px; height:49px; float:right; background:url(../../img/grimm/button.png); background-position:-4px 0; padding:12px; padding-bottom:10px;}
.main_body .vol_list .vol .body .vol_child .content .vol_name{ width:180px; height:20px; font-size:12px; text-align:center; color:#111; padding-bottom:5px; position:relative; top:-3px;}
.main_body .vol_list .vol .body .vol_child .content .price{ width:30px; height:20px; float:left; color:#A10200; padding-left:5px; padding-top:3px;}
.main_body .vol_list .vol .body .vol_child .content .peppers{ width:20px; height:20px; float:left; background:url(../../img/grimm/button.png); background-position:-307px -122px; padding-top:3px;}
.main_body .vol_list .vol .body .vol_child .content .download{ width:95px; height:27px; float:right; background:url(../../img/grimm/button.png); background-position:-200px -92px; cursor:pointer;}
.main_body .vol_list .vol .body .vol_child .content .get{ width:70px; height:25px; float:right; background:url(../../img/grimm/button.png); background-position:-304px -91px; cursor:pointer;}
.main_body .vol_list .vol .body .vol_child .content .free{ width:96px; height:26px; float:right; background:url(../../img/grimm/button.png); background-position:-386px -83px; cursor:pointer;}
.main_body .vol_list .vol .foot{ width:317px; height:61px; background:url(../../img/grimm/button.png); background-position:-209px -12px; position:relative; left:-4px; top:-8px; color:#FFF; padding-top:4px; text-align:center; text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75); font-size:18px;}
.main_body .vol_list .vol .foot a{ color:#FFF;}
.main_body .vol_list .vol .body .no_bd{ border:none;}
.main_body .vol_list .first{ margin-left:0;}

.channel_boy{ width:163px; display:none; position:absolute; top:12px; z-index:101;}
.channel_boy .channel_space{ width:163px; height:28px;}
.channel_list{ width:161px; border:#CF1F2C 1px solid; background:#FFF; border-radius:5px 5px 5px 5px;}
.channel_list .channel_child{ width:161px; height:25px; text-align:center; float:left; color:#CF1F2C; border-radius:3px 3px 3px 3px; cursor:pointer;}
.channel_list .channel_child:hover{ background:#CF1F2C; color:#FFF;}
.channel_list .channel_child .content{ padding-left:10px; float:left; padding-top:3px;}

.footer{ width:960px; height:60px; position:relative; z-index:99; margin:0 auto; padding:15px;}
.footer .fbody{ width:960px; height:40px; background:url(../../img/main/cut.png); background-position:0 -178px;}
.footer .fbody .fchild{ float:left; padding-left:30px; margin-top:12px; color:#333;}
.footer .fbody .fchild:hover{ color:#C52D38;}
.footer .fbody .fb{ width:30px; height:31px; float:right; background:url(../../img/main/facebook.png); margin-top:5px; margin-right:8px;}
.footer .fbody .tw{ width:31px; height:31px; float:right; background:url(../../img/main/twi.png); margin-top:5px; margin-right:8px;}
.footer .content{ width:100%; text-align:center; padding-top:5px;}