/* ¶¥²¿µ¼º½ */
.art_topnav{ height:38px; background: url(http://image.39.net/art2013/images/topnav_icon.png) repeat-x 0 -3px; border-top:solid 3px #0096a5;position:relative; z-index:20;}
.art_topnav .art_wrap{ height:37px;width: 1000px; margin: 0 auto; color: #333; background:none; overflow:hidden;}
.art_topnav .art_navtext{ float:left; font-family: Verdana, "Microsoft YaHei"; font-size:14px; color:#fff; font-weight:500;}
.art_topnav .art_navtext span{ float:left;background:url(http://image.39.net/art2013/images/topnav_icon.png) no-repeat right -107px;position:relative;margin-left:-2px;}
.art_topnav .art_navtext span a{ float:left;color:#333;height:36px; line-height:36px; padding:0 10px;position:relative; margin-left:0; background-image:none;font-family:"Microsoft YaHei";}
.art_topnav .art_navtext span a:hover{ text-decoration:none; color:#0096a5 !important;background:none;}
.art_topnav .art_navtext span.home{ background:none; margin-left:0; z-index:2; }
.art_topnav .art_navtext span.home a, .art_topnav .art_navtext span.home a:hover{ background:url(http://image.39.net/art2013/images/topnav_logo.png) no-repeat; width:104px; height:22px; overflow:hidden; text-indent:-100em; margin:8px 0 0 0; padding:0 11px 0 0;}
.art_topnav .art_navmore{ float:left;height:37px; line-height:36px; margin-left:-2px;}
.art_topnav .art_navmore .n_more{ float:left;padding:0 20px 0 10px; color:#333;font-family:"Microsoft YaHei"; font-size:14px; background:url(http://image.39.net/art2013/images/topnav_icon.png) no-repeat right -156px; position:relative; cursor:pointer;border-left:solid 1px #e5f1f1;border-right:solid 1px #e5f1f1; height:36px;}
.art_topnav .art_navmore.hover .n_more{ background-color:#fff; background-position: right -206px; border-left:solid 1px #c5d9da;border-right:solid 1px #c5d9da; z-index:6; height:37px; color:#0096a5;}
.art_topnav .art_navmore .n_drop{ position:absolute; width:418px; margin:36px 0 0 -358px;*margin:36px 0 0 -418px; z-index:5;}
.art_topnav .art_navmore .n_drop .n_drop_con{background:#fff url(http://image.39.net/art2013/images/drop_lbg.png) repeat-y 0 0; padding:0 0 4px 0; position:relative; height:100%; overflow:hidden;border:solid 1px #c5d9da;}
.art_topnav .art_navmore .n_drop .n_drop_con ul{ padding:0;}
.art_topnav .art_navmore .n_drop .n_drop_con ul.tline{ border-top:solid 1px #d0e0e1;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li{ overflow:hidden;zoom:1; vertical-align:bottom; line-height:26px; background: url(http://image.39.net/art2013/images/tnav_linebg.png) repeat-x center bottom; padding:5px 0;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li.nobline{ background:none; border-bottom:none;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li em{ float:left; width:67px; overflow:hidden; text-align:center; font-weight:bold; color:#666; margin-right:15px;background-color:#f0f7f7; border:0;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li em a{color:#666;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li em a:hover{color:#f60!important;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li dl{ float:left; width:330px; overflow:hidden; border:0;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li dl dd{ float:left; width:60px; margin-right:5px; height:26px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li dl dd a{ color:#333;}
.art_topnav .art_navmore .n_drop .n_drop_con ul li dl dd a:hover{ color:#f60!important;}
.art_topnav .art_navmore .n_drop .n_drop_bot{display:none;}

.art_topnav .art_navlogin{ float:right; font-size:14px; color:#333;font-weight:500;height:36px; line-height:36px; overflow:hidden;}
.art_topnav .art_navlogin .n_login{ float:left; }
.art_topnav .art_navlogin .n_login cite{ float:left;font-family:"Microsoft YaHei";background:url(http://image.39.net/art2013/images/topnav_icon.png) no-repeat 8px -255px; padding:0 8px 0 25px; cursor:pointer;}
.art_topnav .art_navlogin .n_login .n_login_box{ position:absolute; z-index:6;width:209px;margin:36px 0 0 -146px;*margin:36px 0 0 -209px; cursor:default; font-size:12px;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con{ background:#fff;height:100%;border:solid 1px #c5d9da;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul{ padding:10px 5px 10px 15px;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li{ overflow:hidden;zoom:1; vertical-align:bottom; padding:5px 0; line-height:25px;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li .login-input{ border:solid 1px #c5d9da; height:26px; line-height:26px; font-size:12px; color:#333; width:165px; padding:0 5px; margin:0; float:left;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li .formbtns{ float:left; background:url(http://image.39.net/art2013/images/art_btns.png) no-repeat 0 -59px; width:62px; height:25px; border:none; text-indent:-100em; overflow:hidden; cursor:pointer;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li .btn_hover{ background-position:0 -89px;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li a.wjmm{ float:left; color:#666; margin-left:10px;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_con ul li a.wjmm:hover{ color:#f60!important;}
.art_topnav .art_navlogin .n_login .n_login_box .n_login_bot{ display:none;}
.art_topnav .art_navlogin .n_reg{ float:left; cursor:pointer;font-family:Verdana, "Microsoft YaHei";}
.art_topnav .art_navlogin .n_reg a{ background:url(http://image.39.net/art2013/images/topnav_icon.png) no-repeat 8px -303px; padding:0 0 0 25px; display:block;font-family:"Microsoft YaHei";}
.art_topnav .art_navlogin .n_reg a,.art_topnav .art_navlogin .n_reg a:hover{ color:#333!important; text-decoration:none;}
.art_topnav .art_navlogin .n_login.hover cite{z-index:7;color:#0096a5; height:37px; position:relative;}
.art_topnav .art_navlogin .n_reg a:hover{color:#0096a5!important;}

.n_exit{display:block; width:32px; float:right; text-align:right;font-family:"Microsoft YaHei";}
.n_exit a{display:block; color:#333; text-decoration:none;}
.n_exit a:hover{color:#0096a5!important;text-decoration:none;}
.n_userinfo{ float:right;}
.n_userinfo em{padding:0 20px 0 10px; background:url(http://image.39.net/art2013/images/topnav_icon.png) no-repeat right -156px;color: #333; cursor:pointer; float:right; height:36px; line-height:36px; overflow:hidden; zoom:1;border-left:solid 1px #e5f1f1;border-right:solid 1px #e5f1f1; position:relative; z-index:7;}
.n_userinfo em a{ color:#333; text-decoration:none; display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; width:auto; max-width:75px; _width:75px; overflow:hidden; text-align:right;}
.n_userinfo em a:hover{ color:#0096a5; text-decoration:none;}
.UIbox{ display:none; float:right; position:absolute; right:50%; margin-right:-425px; top:35px; font-size:12px;}
.UIbox .ulist{ display:block;overflow:hidden; zoom:1;width:105px; background:#fff; border:solid 1px #c5d9da;}
.UIbox .ulist ul li{ text-align:left; line-height:33px; padding-left:26px; height:34px; background: url(http://image.39.net/art2013/images/tnav_linebg.png) repeat-x center bottom;}
.UIbox .ulist ul li.nobline{ background:none; height:32px;}
.UIbox .ulist ul li a{ color:#666;}
.UIbox .ulist ul li a:hover{ color:#f60!important;}
.UIbox i{display:none;}
.n_userinfo.h em{ background-color:#fff; color:#0096a5;text-decoration:none; background-position: right -206px;border-left:solid 1px #c5d9da;border-right:solid 1px #c5d9da;}
.n_userinfo.h em a, .n_userinfo.h em a:hover{color:#0096a5!important;}


.art_topnav .art_navlogin .n_message{ float:right;font-family:"Microsoft YaHei"; font-size:14px; width:72px; text-align:center; margin-left:3px;}
.art_topnav .art_navlogin .n_message em{ display:block; color: #333; cursor:pointer;overflow:hidden; zoom:1; float:left; width:70px;border-left: solid 1px #e5f1f1; border-right: solid 1px #e5f1f1; position:relative; z-index:90;}
.art_topnav .art_navlogin .n_message em i{ color:#f60; font-size:12px; font-style:normal;}
.art_topnav .art_navlogin .n_message em a{ color:#333; text-decoration:none;}
.art_topnav .art_navlogin .n_message em a:hover{ color:#0096a5!important; text-decoration:none;}
.art_topnav .art_navlogin .n_message.hover em{ background-color:#008c9a; color:#0096a5!important;text-decoration:none;border-left: solid 1px #c5d9da; border-right: solid 1px #c5d9da; background-color: #fff; color: #0096a5; text-decoration: none; }
.art_topnav .art_navlogin .n_message.hover em a, .art_topnav .art_navlogin .n_message.hover em a:hover{color:#0096a5!important;}
.art_topnav .art_navlogin .n_message .message_wrap{display:none; position:absolute; right:50%; margin-right:-508px;top:35px; font-size:12px;width:274px; z-index:88;}
.art_topnav .art_navlogin .sbtn_hover .message_wrap{ z-index:89;}
.art_topnav .art_navlogin .n_message .message_wrap .message_bg{display:block;overflow:hidden; zoom:1; background:#fff; width:264px; float:left; border:solid 1px #c5d9da;}
.art_topnav .art_navlogin .n_message .message_wrap .message_bbg{ display:block; background:none; width:264px; height:10px; line-height:10px; font-size:0; overflow:hidden; zoom:1; display:none;}

.art_topnav .art_navlogin .message_box{ display:block; width:264px; margin:0 auto; overflow:hidden; color:#333; font-family:Verdana; line-height:normal; background:#fff; text-align:left; border:none;}
.art_topnav .art_navlogin .message_box span{ margin:0; padding:0;}
.art_topnav .art_navlogin .message_box span a{ padding:0;}
.art_topnav .art_navlogin .message_box .message_tabs{ padding-left:20px; background:url(http://image.39.net/art2013/images/channel/message_tabs_bg.png) repeat-x bottom;height:46px;}
.art_topnav .art_navlogin .message_box .message_tabs dd{ float:left; width:76px; text-align:center; height:46px; line-height:46px; font-size:12px; overflow:hidden; cursor:pointer;}
.art_topnav .art_navlogin .message_box .message_tabs dd i{ display:inline-block; padding:0 10px; font-style:normal;}
.art_topnav .art_navlogin .message_box .message_tabs dd i.new{background:url(http://image.39.net/art2013/images/channel/message_tips_ico.png) no-repeat right 13px;}
.art_topnav .art_navlogin .message_box .message_tabs dd.on{ background:url(http://image.39.net/art2013/images/channel/message_tips_role.png) no-repeat center bottom; color:#0096a5;}

.art_topnav .art_navlogin .message_box .message_data{ clear:both; line-height:normal; height:auto; display:none;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li{vertical-align:bottom; overflow:hidden;zoom:1; background:url(http://image.39.net/art2013/images/channel/message_tips_linebg.png) repeat-x left bottom; padding:12px 15px 15px 15px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li.li_hover{ background-color:#f9ffff;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li img{ float:left; width:30px; height:30px; border:solid 1px #eaeaea; margin-top:5px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r{ float:right; width:190px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r strong{ display:block; line-height:24px;color:#666; font-size:14px; font-weight:bold; text-align:left;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r strong a{ color:#666;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r strong a:hover{ color:#f60;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r p{ line-height:22px;color:#999; overflow:hidden;zoom:1;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r p a{ color:#0096a5;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r p a:hover{ color:#f60;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r p .mbtn{ float:left; background:url(http://image.39.net/art2013/images/channel/message_tips_btn.png) no-repeat 0 0; width:80px; height:23px; line-height:23px; text-align:center; overflow:hidden; font-size:12px; margin:8px 7px 0 0; color:#666;}
.art_topnav .art_navlogin .message_box .message_data .message_data_list li .dlist_r p .mbtn:hover{ background-position:-87px 0; color:#666!important; text-decoration:none;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot{ display:block; line-height:26px; padding:8px 30px 8px 60px; overflow:hidden;zoom:1; font-weight:bold;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot i{ color:#f60; font-style:normal;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot a{ float:left; color:#666;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot a:hover{ color:#f60;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot .message_set{ float:right; background:url(http://image.39.net/art2013/images/channel/message_tips_set.png) no-repeat 0 0; width:16px; height:16px; line-height:16px; overflow:hidden; font-size:1px; text-indent:-100em; margin-top:6px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_bot .message_set:hover{ background-position:0 -21px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_none{ display:block; background:url(http://image.39.net/art2013/images/channel/message_tips_linebg.png) repeat-x bottom; padding-bottom:20px;}
.art_topnav .art_navlogin .message_box .message_data .message_data_none p{background:url(http://image.39.net/art2013/images/channel/message_none_icon2.png) no-repeat center bottom;font-family:"Microsoft YaHei"; font-size:20px; text-align:center; padding:20px 10px 60px 10px; color:#666;}