@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust: none;margin:0;padding:0;outline:none;font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
body{font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;background-color:#1a1a1a;}
body{}
ul ,li{list-style:none;}
img {border:none;display:inline-block}
a:hover {color:#55A6FC;}
textarea {outline:none;overflow:hidden;font:12px/1.125 Arial,Helvetica,sans-serif;}

#gogogo {display: block;width: 1200px;height: 40px;margin:20px auto;background-color:#dedede;border-radius: 3px;cursor: pointer;
color: #71767a;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 38px;
    -webkit-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;}
#gogogo:hover {background-color: #ccc;}

#style_change .gear_wrap .gear, .head_options a div,.flow_one .info,a {
    -webkit-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out,opacity 0.2s ease-in-out,bottom 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out,opacity 0.2s ease-in-out,bottom 0.15s ease-in-out;}

.hr_white {height:1px;width:100%;border-top:1px solid #dfdfdf;background-color:#fff;margin:0 0 5px 0;}
.hr_black {height:1px;width:100%;border-top:1px solid #090909;background-color:#282828;margin:5px 0 5px 0;}
.ho_black {width:1px;height:100%;border-right:1px solid #0c0c0c;background-color:#303030;}

.hr_line {height:1px;width:100%;border-top:1px solid #0c0c0c;background-color:#303030;margin:5px 0;}
.hr_line2 {height:1px;width:100%;border-top:1px solid #090909;background-color:#282828;margin:5px 0;}
.hr_line3 {height:1px;width:100%;border-top:1px solid #030303;background-color:#242424;margin:0 0 5px 0;}
.hr_line4 {height:1px;width:100%;border-top:1px solid #dfdfdf;background-color:#fff;margin:0 0 8px 0;}
.hr_line4.black {height:1px;width:100%;border-top:1px solid #030303;background-color:#242424;margin:0 0 5px 0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;overflow:hidden;}

a {text-decoration:none;color:#BBB;font-size:14px;}
.button {border: 1px solid #5F5F5F;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);color: #e8e8e8;cursor: pointer;font-size: 12px;line-height:14px;padding:4px 6px;}
.button {-webkit-transition-duration:0.3s;-webkit-transition-timing:ease-out;-o-transition-duration:0.3s;-o-transition-timing:ease-out;-moz-transition-duration:0.3s;-moz-transition-timing:ease-out;-ms-transition-duration:0.3s;-ms-transition-timing:ease-out;transition-duration:0.3s;transition-timing:ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.button:hover {-webkit-transition-duration:0.3s;-webkit-transition-timing:ease-out;-o-transition-duration:0.3s;-o-transition-timing:ease-out;-moz-transition-duration:0.3s;-moz-transition-timing:ease-out;-ms-transition-duration:0.3s;-ms-transition-timing:ease-out;transition-duration:0.3s;transition-timing:ease-out}

.blue {background-color:#0085EE;}
.blue:hover {/*background:url(../images/buttonbg.png) repeat-x scroll 0 0 #0085EE;*/background-color:#0074CA;}

.c_ontainer {width:1200px;margin:0 auto;}

#vime {width:100%;height:100%;position:relative;z-index:1;}


#zoom {z-index:9999;}


#style_change .gear_wrap:hover .gear {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
-webkit-animation: rotate 1s ease ;
-moz-animation: rotate 4s linear infinite;
-o-animation: rotate 4s linear infinite;
animation: rotate 1s linear ;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-180deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}

#style_change {position:fixed;top:8px;width:100%;display:none\9;}
#style_change .c_ontainer {position:relative;}
#style_change .gear_wrap {position:absolute;top:56px;left:-60px;z-index: 9999;}
#style_change .gear_wrap .gear {position:absolute;top:0;left:0;margin:0;padding:0;background:url(../images/gear.png) no-repeat;width:39px;height:38px;opacity:0.01;}
#style_change .gear_wrap:hover .gear {opacity:0.1;}
#style_change .gear_wrap .change_option {overflow:hidden;width:40px;height:0;position:relative;}
#style_change .gear_wrap li {width:40px;height:40px;margin:5px 0;background-color:#222;border-radius:3px;line-height:40px;text-align:center;font-size:20px;font-weight:bold;color:#8e8e8e;cursor:pointer;}
#style_change .gear_wrap li.square a {display: block;}
#style_change .gear_wrap ul {position:absolute;bottom:0;}
#style_change .pic .gear_wrap .change_option li {margin: 0;border-radius: 0;font-size: 16px;}


#header {height:42px;width:100%;background:url(../images/headerbg.png) repeat-x;position:fixed;top:0;left:0;box-shadow:0 0 5px #000;z-index:180;text-shadow:1px 1px 1px rgba(0,0,0,0.65);}
#header.header_new {height:50px;padding:5px 0;background:url(../images/header_bg.png) repeat-x center center;}
#header span {color:#BBB;}
#header .aandq span, #header .discover span {display: none;}
#header .c_ontainer {overflow:inherit !important; position: relative;}
#header .c_ontainer .r_box {position: absolute; right: 0px; background: url(../images/headerbg.png) }
#header .navbtn  {width:48px;height:48px;background:url(../images/navbtn.png) 0 0 no-repeat;cursor:pointer;}
#header .navbtn:hover {background:url(../images/navbtn_hover.png) 0 0 no-repeat;}
#header .logo {width:90px;height:42px;background-image:url(../images/logo.png);background-size:74px 31px;background-repeat:no-repeat;background-position:2px 6px;position:relative;background:url(../images/logo.png) no-repeat 2px 3px \9;}
#header .search {position: relative;}
#header .search input {outline:none;background:url(../images/sousuo.png) no-repeat right #171717;color:#ccc;border:medium none;font-size:12px;line-height:20px;width:227px;height:22px;padding:2px 10px;margin:8px 20px;border-radius:3px;}
#header .search .search_pn {border: none;background: transparent;position: absolute;right: 24px;top: 12px;text-indent: -9999px;width: 20px;cursor: pointer;}
#header .login_register {margin:7px 5px 0 5px;width:235px;height:30px;line-height:30px;padding:0;float:right;background-color:#1E1E1E;position:relative;cursor:pointer;border-radius:3px;}
#header .user_tips {height:30px;width:35px;background:url(../images/user_tips.png) no-repeat;position:absolute;right:0;top:32px;line-height:35px;color:#fff;font-size:12px;text-align:center;}
#header .login_register,#header .login_notice {text-shadow:none;}
#header .login_register button {height:24px;}
#header .login_register .user_opt {color:#fff;font-size:14px;height:30px;line-height:30px;width:130px;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;padding:0 5px;}
#header .login_register.register_free {background:none;line-height:32px;margin-top:4px;width:200px;}
#header .login_register.register_free a {color:#fff;padding:0 10px;}
#header .login_register.register_free .register_one {float:right;}
#header .login_register.register_free .register_one a {background:url(../images/register_btn.png) no-repeat;width:82px;height:32px;padding:0;text-align:center;display:inline-block;}
#header .login_register.register_free .register_one a:hover {background:url(../images/register_btn.png) no-repeat 0 -36px;}

#header .login_notice {margin:7px 0 0 0;float:right;position:relative;}
#header .login_notice .notice_count {height:28px;width:30px;margin:1px;background-color:#4D4D4D;background-image:url(../images/header_notice.png);background-size:24px 20px;background-repeat:no-repeat;background-position:4px 4px;border-radius:3px;background:url(../images/header_notice2.png) no-repeat \9;}
#header .login_notice .notice_count:hover {background-color:#5F5F5F;background-image:url(../images/header_notice.png);background:url(../images/header_notice2.png) no-repeat -35px 0 \9;}
#header .login_notice .notice_count.alert {background-image:none;color:#fff;text-align:center;line-height:28px;font-size:12px;}
#header .login_notice .notice_str {background:url(../images/header_notice_str.png) no-repeat -10px 0;position:absolute;top:-13px;left:77px;display:block;z-index:555;width:20px;height:20px;}
.n_otice .red_tips {background-color:#DC493C;position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:5px;}

.llist {display:none;}/**/

.open .llist {display:block;}
.open .llist ul {background-color:#1E1E1E;padding:2px 0px 5px 0px;position:absolute;top:41px;border-radius:0 0 5px 5px;box-shadow:0 3px 3px #000;}
.open .llist li span { display: none;}
.open .llist li.header_menu_p a{padding: 5px 0 5px 12px;}
.open .llist li a {padding:5px 0 8px 17px;line-height:18px;width:102px;display:block;font-size:12px;transition-duration: 0.2s;}
.open .llist li:hover {background-color:#333;transition-duration: 0.2s;}
.open .llist li a:hover {color:#fff;transition-duration: 0.2s;}
/*#header .llist_u {position:absolute;top:0;left:-30px;}/**/
.open .llist_u ul {left:0;top:30px;}
.open .llist_u li {position:relative;}
.open .llist_u li a {width:200px;padding:5px 0 5px 36px;line-height:22px}
.open .llist_u li i {float:right;padding:0 12px;}
.hot .u_avatar {height:29px;width:29px;padding:0;border-radius:2px 0 0 2px;}
.u_avatar img {border-radius:2px 0 0 2px;}

.open .llist_up ul {left:-15px;top:24px;}
.open .llist_up .header_upload_h {height:30px;width:87px;}
.open .llist_up ul {background:url(../images/header_upload_bg.png) no-repeat;box-shadow:none;padding:30px 0;}
.open .llist_up li a {line-height:30px;padding:0;text-align:center;width:86px;background-color:#252525;margin:0 6px;}
.open .llist_up li:hover {background:none;}
.open .llist_up li a:hover {background-color:#333;color:#fff;}

.n_otice .notice_list {display:none;}
.n_otice.open .notice_list {display:block;}
.open .notice_list {position:absolute;background-color:#1e1e1e;width:340px;max-height:340px;margin:21px 0 0 0;top:22px;left:-70px;padding:0;border-radius:5px;z-index:500;box-shadow:0 10px 20px rgba(0, 0, 0, 0.9);}
.open .notice_list .notice_nav {margin-bottom:2px;height:28px;padding:5px;background-color:#252525;border-radius:3px 3px 0 0;}
.open .notice_list .notice_nav span {display:inline-block;width:88px;border-radius:3px;margin:0 9px;font-size:14px;text-align:center;line-height:28px;}
.open .notice_list .notice_nav span.selected {background-color:#1a1a1a;color:#fff;}
.open .notice_list .notice_nav span:hover {cursor:pointer;background-color:#2a2a2a;}
.open .notice_list .notice_nav span.selected:hover {background-color:#1a1a1a;color:#fff;}
.open .notice_list li:hover {background:none;}

.open .notice_list .notice_one {height:50px;width:330px;padding:5px;}
.open .notice_list .notice_one:hover {background-color:#333;}
.open .notice_list .notice_one .avatar {margin:5px;}
.open .notice_list .notice_one .avatar a {width:40px;padding:0;}
.open .notice_list .notice_one .info {width:218px;font-size:12px;color:#8e8e8e;padding:5px;height:40px;}
.open .notice_list .notice_one .info a {color:#fff;font-size:14px;display:inline;padding:0;}
#scrollbar2 .info {width:268px;}
.open .notice_list .notice_one .target {margin:5px;}
.open .notice_list .notice_one .target a {width:40px;padding:0;}
.open .notice_list .see_all a {width:320px;height:30px;display:block;line-height:30px;padding:0;font-size:14px;text-align:center;background-color:#343434;border-radius:2px;margin:5px 10px 10px 10px;}
.open .notice_list .see_all a:hover {background-color:#444444;color:#fff;}

.scrollbar_wrap {display:none;}
.scrollbar_wrap.selected {display:block;}
.scrollbar_wrap {width:340px;}
.scrollbar_wrap .scrollbar {position:absolute;right:0;width:6px;z-index:550;opacity:0;filter:alpha(opacity=0);transition-duration: 0.2s;}
.n_otice.open .scrollbar_wrap:hover .scrollbar {opacity:1;filter:alpha(opacity=100);}
.scrollbar_wrap .track {height:100%;width:6px;position:relative;border-radius:3px;}
.scrollbar_wrap .track:hover {background-color:#252525;}
.scrollbar_wrap .thumb {position:absolute;height:20px;background-color:#454545;width:6px;overflow:hidden;cursor:pointer;top:0;left:0;border-radius:3px;}
.scrollbar_wrap .viewport {width:340px;height:200px;overflow:hidden;position:relative;z-index:500;}
.scrollbar_wrap .viewport h2 {margin:5px;color:#8e8e8e;text-align:center;font-weight:normal;width:330px;font-size:14px;}
.scrollbar_wrap .overview {position:absolute;left:0;top:0;margin:0;padding:0;}
#scrollbar1 .viewport .cc {width:50px;height:50px;background-image:url(../images/c3.png);background-repeat:no-repeat;background-size:50px 50px;margin:0 auto;margin-top:50px;margin-bottom:10px;background:url(../images/c33.png) no-repeat -20px -20px \9;}
#scrollbar2 .viewport .cc {width:50px;height:50px;background-image:url(../images/c2.png);background-repeat:no-repeat;background-size:50px 50px;margin:0 auto;margin-top:50px;margin-bottom:10px;background:url(../images/c22.png) no-repeat -20px -20px \9;}
#scrollbar3 .viewport .cc {width:50px;height:50px;background-image:url(../images/c1.png);background-repeat:no-repeat;background-size:50px 50px;margin:0 auto;margin-top:50px;margin-bottom:10px;background:url(../images/c11.png) no-repeat -20px -20px \9;}

#header .header_menu_1 a {background:url(../images/header_menu_icon.png) no-repeat 3px 1px;}
#header .header_menu_2 a {background:url(../images/header_menu_icon.png) no-repeat 3px -33px;}
#header .header_menu_3 a {background:url(../images/header_menu_icon.png) no-repeat 3px -67px;}
#header .header_menu_4 a {background:url(../images/header_menu_icon.png) no-repeat 3px -101px;}
#header .header_menu_5 a {background:url(../images/header_menu_icon.png) no-repeat 3px -135px;}
#header .header_menu_6 a {background:url(../images/header_menu_icon.png) no-repeat 3px -170px;}
#header .header_menu_7 a {background:url(../images/header_menu_icon.png) no-repeat 3px -203px;}

#header .discover {margin-right:0px;}
#header .discover .s_tri {padding-right:10px;}
#header .discover,.aandq {float:left;position:relative;}
#header .hot {float:right;position:relative;}
#header .n_otice {float:right;position:relative;}
#header .hot .header_upload {width:63px;height:28px;line-height:28px;margin:1px;text-align:center;color:#fff;font-size:14px;border-radius:0 2px 2px 0;background:url(../images/header_upload.png) no-repeat \9;
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(35,197,254,1)), to(rgba(3,160,217,1)));
background: -webkit-linear-gradient(rgba(35,197,254,1) 0%, rgba(3,160,217,1) 100%);
background: -moz-linear-gradient(rgba(35,197,254,1) 0%, rgba(3,160,217,1) 100%);
background: -o-linear-gradient(rgba(35,197,254,1) 0%, rgba(3,160,217,1) 100%);
background: linear-gradient(rgba(35,197,254,1) 0%, rgba(3,160,217,1) 100%);}
#header .hot .header_upload:hover {background:url(../images/header_upload.png) no-repeat 0 -29px \9;
background: -webkit-linear-gradient(rgba(79,209,254,1) 0%, rgba(3,160,217,1) 100%);
background: -moz-linear-gradient(rgba(79,209,254,1) 0%, rgba(3,160,217,1) 100%);}
.hot.open .header_upload {background:url(../images/header_upload.png) no-repeat 0 -29px \9;
background: -webkit-linear-gradient(rgba(79,209,254,1) 0%, rgba(3,160,217,1) 100%) !important;
background: -moz-linear-gradient(rgba(79,209,254,1) 0%, rgba(3,160,217,1) 100%) !important;}
#header .hot .header_upload a{color:#fff;}
#header .s_tri {color:#fff;background:url("../images/s_tri.png") no-repeat right;cursor:pointer;text-align:center;}
#header .discover.open, .aandq:hover, #header .discover.open, .aandq.a {background-color:#1E1E1E;}
#header .no_tri {background:none;}

#header .hot .s_tri {background:url(../images/header_up.png) no-repeat;padding:0;margin:12px 30px 9px 5px;height:27px;width:65px;text-align:center;}
#header .hot .s_tri:hover {background:url(../images/header_up.png) no-repeat 0 -27px;}
#header .s_tri a {color:#eee;font-size: 14px;height: 25px;line-height: 24px;padding: 8px 15px 9px 15px;display: block;}
#header .s_tri:hover a {color:#bbb;}
/*#header li a {padding:0 8px;}/**/

#header .login_option {margin:0px 20px;position:fixed;right:20px;width:140px;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0 0 5px 5px;}
#header .login_option:hover {background-color:#000;box-shadow:0 0 2px #000;}
#header .login_option .lo_op0 {height:35px;cursor:pointer;}
#header .login_option .lo_op0 a {float:left;height:30px;line-height:30px;font-size:16px;}
#header .login_option .lo_op0 img {margin:6px;}
#header .login_option .lo_op0 span {line-height:35px;font-size:16px;color:#999;}
#header .login_option .lo_op {background-color:#000;height:35px;padding-left:30px;display:none;}
#header .login_option .lo_op:hover {background-color:#333;}
#header .login_option .lo_op a {float:left;height:35px;line-height:35px;font-size:14px;color:#eee;}

#header .lo_op1 {background:url("../images/login_nav_icon.png") no-repeat 5px 10px;}
#header .lo_op2 {background:url("../images/login_nav_icon.png") no-repeat 5px -15px;}
#header .lo_op3 {background:url("../images/login_nav_icon.png") no-repeat 5px -43px;}
#header .lo_op4 {background:url("../images/login_nav_icon.png") no-repeat 5px -72px;}
#header .lo_op5 {background:url("../images/login_nav_icon.png") no-repeat 5px -102px;}
#header .lo_op6 {background:url("../images/login_nav_icon.png") no-repeat 5px -138px;}

.nottobe .header_attention {background-color:#7D8387;}
.header_attention {background-color: #02ADEA;border-radius: 2px;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;color: #FFFFFF;display: block;line-height: 20px;padding: 2px 10px !important;text-align: center;display:block !important;}

#header .header_line {background:url(../images/header_line.png) repeat-x;height:2px;width:208px;position:absolute;bottom:0;}

.message_alert {height:18px;line-height:18px;width:30px;position:absolute;right:-40px;top:8px;background:url("../images/message_alert.png") no-repeat;font-size:12px;text-align:center;color:#fff;padding:6px 0 6px 5px;}
.message_alert.in_message {right:5px;bottom:5px;top:inherit;bottom:8px;}

.pre {float:left;margin:0 5px 0 0;background:url("../images/carousel-arrow-left.png") no-repeat #666;}
.next {float:right;background:url("../images/carousel-arrow-right.png") no-repeat #666;}
.preNext {height:70px;width:25px;opacity:0.2;filter:alpha(opacity=20);background-position:center center;}
.preNext:hover {opacity:0.6;filter:alpha(opacity=60);}


#light_pic {position:fixed;top:0;left:0;height:100%;width:100%;background-color:#050505;z-index:2000;opacity:0.8;filter:alpha(opacity=80);}
.yindao_container {position:fixed;width:100%;height:500px;z-index:2001;}
.yindao {background:url("../images/yindao.png") no-repeat;height:420px;width:1064px;position:relative;margin:120px auto;}
.yindao .yindao_btn {background:url("../images/yindao_submit.png") no-repeat;height:41px;width:166px;position:absolute;bottom:60px;left:470px;cursor:pointer;}

#wrapper {min-height:800px;width:100%;background-color:#f4f4f4;padding:40px 0 0 0;}
#wrapper .c_ontainer {z-index:1000;}
#wrapper .list {width:100%;height:80px;background-color:#1f1f1f;text-align:center;z-index:2;}
#wrapper .list ul {margin:0 auto;width:1200px;padding:24px 0;}
#wrapper .list li {float:left;width:60px;color:#eee;}

.footerwrap {width:100%;}
.footerwrap.black {background-color:#1a1a1a;padding-top: 30px;}

#footer {min-height:32px;width: 1200px;margin:0 auto;padding-bottom:18px;z-index:100;position:relative;}
#footer ul {display:inline-block;overflow:hidden;}
#footer li {float:left;margin:5px 0 0px 0;padding:0px 32px 0 0;}
#footer li a {color:#444;font-size:12px;}
#footer li a:hover {color:#55A6FC;}
#footer span {line-height:36px;font-size:12px;color:#9F9F9F;}


#footer.black {border:none;background:none;}
#footer.black .right a {font-size: 12px;}
#footer.black li {}
#footer.black li a {color:#eee;}
#footer.black li a:hover {color:#55A6FC;}

#footer .co_link a {color:#9F9F9F !important;}

.col {margin:18px 10px 20px;}
.col ul {text-align:center;font-size:12px;}
.col ul span {display:inline-block;}
.col li {display:inline-block;}
.col ul li .disabled {border:1px solid #E0E0E0;border-radius:3px;color:#333;font-weight:normal;margin:0 1px;opacity:0.5;padding:4px 8px;}
.col ul li em {background:#E6E6E6;display:inline-block;border: 1px solid #BBB;border-radius:3px;color:#333;font-style:normal;font-weight:normal;margin: 0 3px;padding: 4px 8px;font-size:14px;}
.col ul li em b {display:inline-block;line-height:22px;height:22px;}
.col a { border:1px solid #E0E0E0;border-radius:3px;color:#333;font-weight:normal;font-size:14px;margin:0 3px;opacity: 0.8;padding: 4px 8px;height:22px;line-height:22px;display:block;}
.col a:hover {background-color:#eee;}
.col .previous_page {background:url("../images/page_arrow.png") no-repeat 5px 5px;padding:0;margin:0 3px;}
.col .previous_page a {display:block;height:22px;line-height:22px;width:40px;padding:4px 0;margin:0;}
.col .next_page {background:url("../images/page_arrow.png") no-repeat 3px -28px;padding:0;margin:0 3px;}
.col .next_page a {display:block;height:22px;line-height:22px;width:40px;padding:4px 0;margin:0;}

.col.black {margin:18px 10px 20px;}
.col.black ul {text-align:center;font-size:12px;}
.col.black li {display:inline-block;float:inherit !important;}
.col.black li a:hover {background-color:#333;}
.col.black ul li .disabled {border:1px solid rgba(147,147,147, 0.5);border-radius:3px;color:#fff;font-weight:normal;margin:0 3px;opacity:0.5;padding:4px 8px;}
.col.black ul li em {background-color:#363636;border: 1px solid #484848;border-radius:3px;color:#ddd;font-style: normal;font-weight: normal;margin: 0 3px;padding: 4px 8px;font-size:14px;}
.col.black a { border:1px solid rgba(147,147,147, 0.5);border-radius:3px;color:#fff;font-weight:normal;margin:0 3px;opacity: 0.8;padding: 4px 8px;line-height:22px;height:22px;display:block;}
.col.black .gap {color:#fff;}
.col.black .previous_page {background:url("../images/page_arrow.png") no-repeat 5px 5px;padding:0;margin:0 3px;}
.col.black .previous_page a {display:block;height:22px;line-height:22px;width:40px;padding:4px 0;margin:0;}
.col.black .next_page {background:url("../images/page_arrow.png") no-repeat 3px -28px;padding:0;margin:0 3px;}
.col.black .next_page a {display:block;height:22px;line-height:22px;width:40px;padding:4px 0;margin:0;}


.index_more {padding:15px 0 50px 0;text-align:center;}
.index_more a {border:1px solid #afafaf;border-radius:3px;display:block;padding:5px 0;height:22px;line-height:22px;text-align:center;font-size:16px;color:#686868;background:url("../images/more_bg.png") repeat-x #EFEFEF;box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);}
.index_more a:hover {background-color:#dedede;}
.index_more.more_s {width:850px;}

.mmr_loading {background:url(../images/loading_h8.gif) no-repeat;display:block;width:16px;margin:8px auto;}
.go_loading {background:url(../images/loading_h8.gif) no-repeat center center #dedede !important;}


body abbr {border:medium none;}
body .clearfix {display:block;}

.wrap {width:1200px;padding:50px 10px;margin:0 auto;}
.left {float:left;}
.t {margin-top:12px;}
.r {margin-right:20px;}
.b {margin-bottom:20px;}
.row {text-align:center;}

.width720 {width:720px;}

.box{background-color: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); overflow: hidden; padding: 0; position: relative; text-align: left;}
.clear{clear: both; float: none; height: 0; margin: 0; padding: 0; width: 0;}
body .clearfix:after{clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}


.box.huge {width:850px;height:590px;}
.box.large {width:580px;height:480px;}
.box.tall {width:280px;height:480px;}
.box.small {width:280px;height:230px;}
.box.side_mid {width:310px;height:230px;}
.box.wide {width:580px;height:230px;}
.box .user a {font-size:12px;}

.box.huge .image {height:551px;width:850px;overflow:hidden;}
.box.large .image {height:441px;width:580px;overflow:hidden;}
.box.tall .image {height:441px;width:280px;overflow:hidden;}
.box.small .image {height:191px;width:280px;overflow:hidden;}
.box.wide .image {height:191px;width:580px;overflow:hidden;}

.bar.short {position:absolute;bottom:0;color:888;font-size:12px;height:39px;line-height:38px;width:100%;}
.bar {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.popular .icon {background-position:0 -60px;}
.icon {background:url("../images/flow_icons.png") no-repeat;float:left;height:20px;width:21px;margin:9px 0 0 10px;}
.small .bar .user,.tall .bar .user {max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.large .bar .user,.wide .bar .user {max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bar.short .user {float:left;margin-left:10px;}
.bar.short .date {color:#808080;float:right;margin-right:10px;}

.pac-item{font-size: 12px;}



#msgbox{width: 600px; position: fixed; left: 50%; margin-left: -300px; top: -37px; z-index: 99999; color: #FFFFFF; height: 36px; line-height: 36px; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: #1C556D solid 1px; border-top-width: 0px; background: #539CBB; background: linear-gradient(#4da4db,#2c83d2); background: -webkit-linear-gradient(#4da4db,#2c83d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CABC5', endColorstr='#378CB0', GradientType='0'); box-shadow:0 2px 3px rgba(0,0,0,0.8);}
.msg-error{border-color: #560000 !important; background: #AA0000 !important; background: linear-gradient(#c74746,#af3e3e) !important; background: -webkit-linear-gradient(#c74746,#af3e3e) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E80000', endColorstr='#A00000', GradientType='0') !important;}
#msgbox .closeb{width: 24px; height: 24px; background: url(../images/close_message.png) no-repeat; cursor: pointer; position: absolute; top: 6px; right: 6px; z-index: 100000;}
#msgbox.msg-success .closeb{background: url(../images/close_message.png) 0 -24px no-repeat;}
#msgbox p{padding-left: 46px; padding-right: 6px; height: 36px; line-height: 36px; font-size:12px; text-shadow:1px 1px 1px rgba(0,0,0,0.7); background: url(../images/info_msg.png) 11px 10px no-repeat;}
.msg-success p{padding-left: 38px !important; padding-right: 6px !important; height: 36px !important; line-height: 36px !important; background: url(../images/info_success.png) 11px 13px no-repeat !important;}
.msg-error p{padding-left: 42px !important; padding-right: 6px !important; height: 36px !important; line-height: 36px; background: url(../images/info_error.png) 11px 9px no-repeat !important;}


.edit_del{width: 100%;height: 25px;text-align: right;position: absolute;right: 0;top: 0;background:rgba(0,0,0,0.4) !important;}
.edit_del .edit {display: inline-block !important;float: none;background:url(../images/pic_edit.png) 6px 2px no-repeat;height:24px;width:24px;padding:0;}
.edit_del .reward {display: inline-block !important;float: none;background:url(../images/pic_edit.png) -83px 2px no-repeat;height:24px;width:24px;padding:0;}
.edit_del .download {display: inline-block !important;float: none;background:url(../images/pic_edit.png) -53px 2px no-repeat;height:24px;width:24px;padding:0;}
.edit_del .del {display: inline-block !important;float: none;background:url(../images/pic_edit.png) -24px 2px no-repeat;height:24px;width:24px;padding:0;}
.edit_del .rec {display: inline-block !important;float: none;background:url(../images/pic_edit.png) -111px 2px no-repeat;height:24px;width:24px;padding:0;}
.paddingtopmax {padding-top: 42px;}

#threadlist {margin-top:25px;width:1200px;margin:0 auto;}
#threadlist .fa_one {width: 100%;height:100px;margin:10px 0;background-color:#222;box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);border-radius:3px;}
#threadlist .fa_one .avatar {margin-right:20px;}
#threadlist .do_attention {width: 1080px;}
#threadlist .do_attention .attention {margin:10px 10px 0 0;}
#threadlist .do_attention .attention a {padding:2px 15px;background-color:#02adea;color:#fff;border-radius:3px;box-shadow:0px 1px 1px rgba(255,255,255,0.2) inset;}
#threadlist .do_attention .attention a:hover {background-color:#12bdfa;color:#fff;}
#threadlist .do_attention .attention a.cancel {background-color:#7d8387;}
#threadlist .do_attention .attention a.cancel:hover {background-color:#71767a}
#threadlist .da_name {line-height:40px;}
#threadlist .da_name a {font-size:14px;color:#eee;}
#threadlist .da_info {font-size:12px;height:20px;color:#888;}
#threadlist .da_info a {color: #FFF; font-size: 16px;}
#threadlist .fa_one.marginright {margin-right:10px;overflow:hidden;position:relative;}
#controlpanel .tbmu a {color: #9F9F9F;}

.sorry {width:1200px;margin:0 auto;}
.sorry .nopic {background:url("../images/sorry_camera.png") no-repeat -8px 0;height:150px;width:160px;margin:20px auto;}
.sorry h1 {text-align:center;color:#fff;margin:10px 0;font-weight:400;font-size: 2em;}
.sorry p {text-align:center;color:#8e8e8e; font-size: 16px;}
.sorry_up a {background: url(../images/homepage_upload.png) no-repeat;display: block;height:32px;margin:20px auto;width:113px;}