.n_bg{background:none!important}
.list img{text-align:center}
.bg_w li{background:#fff}
.light_bg{background-color:#eee}
.cc, .hd{display:none}
.light_bg .hd, .show_pan .hd{display:inline}
.create_new{float:left}
.g li{margin-right:15px}
.top_bar{margin-top:60px; background:#333; font-size:28px; color:#e15616; background:#333 url(../Content/images/top_bg.jpg) repeat-x left bottom}
.top_bar .wrap{min-height:158px; background:url(../Content/images/ui_bn.jpg) no-repeat center}
.top_bar .wrap{text-indent:-9999px}
.g>.fl{width:830px}
.g>.fr{width:330px}
.g .designer-list, .g .con, .con .bt span, .pic_a .con{background:#fff; line-height:1.6em; font-size:14px; color:#666; width:100%}
.g .designer-list .tx{border-radius:8px; margin-right:10px; width:70px; height:70px}
.slide_pics{width:1200px; position:absolute; top:0}
.slide_pics .prev, .slide_pics .next{display:block; position:absolute; width:60px; height:60px; background:url(../Content/images/slide-bar.gif) no-repeat}
.slide_pics .prev{left:0}
.slide_pics .prev:hover{background-position:-60px 0}
.slide_pics .next{background-position:0 -60px; right:0}
.slide_pics .next:hover{background-position:-60px -60px}
.slide_pics .p_pic{width:100%; height:100%; text-align:center; position:relative}
.slide_pics .show_cur{max-width:1200px; vertical-align:middle}
.g .des strong{font-size:16px; font-weight:700; padding-right:10px}
.designer-list .list_item span{padding-right:10px}
.designer-list .list_item{padding:15px; color:#666; height:71px}
.designer-list .sec_left{float:left; width:300px; height:70px}
.designer-list .sec_right{float:right}
.bar{background:#f28e42; text-align:center}
.no_user .bar{background:url(../Content/images/px1.jpg) repeat-x left top}
.no_user{background:url(../Content/images/px1.jpg) repeat-x 0 0!important}
.bar .tip{position:absolute; top:300px; left:590px}
.no_user .tip{top:280px; left:540px}
.bar .tip a{display:inline-block; border-radius:15px; padding:4px 20px; border:1px solid; color:#fff; font-size:18px; margin-right:15px}
.s_C{color:#e15717!important}

.p_r .p_t_pan{position:absolute; top:280px; left:0; width:380px; height:120px; line-height:1.2; overflow:hidden; text-overflow:ellipsis}
.p_r .pic_t_bg {background:#000; background:rgba(0,0,0,.5); filter:alpha(opacity=50)}
.p_r .p_t_pan>*{position:absolute; top:0; width:340px; height:70px; padding:25px 20px}
.p_r h2{font-size:20px; width:380px; color:#fff; text-align:center}

/*背景*/
.icon ,.qq-upload-button, .i_o, .h_btn, .drp{background:url(../Content/images/icon.png) no-repeat -280px -20px}

/*按钮*/
.u_btn{background:url(../Content/images/icons.png) no-repeat 0 0}
.o_btn{display:block; width:75px; height:30px; line-height:30px; color:#fff; background:#ef6306; border:0; text-align:center; cursor:pointer}
.com_ed{background-color:#FFAC75}
.o_btn:active{background:orange}
a.o_btn{width:100%}
.hd .btn{padding:6px 8px}
#btn_sub{padding:0; width:130px; padding:14px 0; text-align:center; font-size:22px; margin-right:10px}
.u_btn{background-position:-294px -290px; width:160px; height:50px; float:right; display:block; margin:22px 25px 0 0}
.h_btn{position:relative; float:left; z-index:3; display:block; width:111px; height:111px; background-position:-54px 0; cursor:pointer}


/*分类*/
.works_cate{padding:15px; background:#fff; font-size:14px; line-height:24px}
.works_cate a:hover{color:#FF7800}
.crumbs{font-size:16px}
.crumbs i{font-family:simsun; font-style:normal}
.crumbs i, .crumbs em{padding:0 4px; font-size:14px}
.cate_nav span, .sort_nav span, .rec_nav span{padding:0 4px 0 10px}

/*作品列表*/
.nick_name:hover{color:#e15616}
.cover_tip{font-size:14px}
.cover_tip i{display:inline-block; padding:2px 10px; background:#333; color:#fff; margin:0 8px}

/*新样式*/
.lou {font-size:12px; border:solid 1px #F3DDB3; background:#FFFEF4; padding:4px; color:#999}
.lou .com_t, .lou .l_des{padding-bottom:10px}
.rp_rp {font-size:12px; border-top:dashed 1px #F3DDB3; background:#FFFEF4; padding:4px 5px; color:#999}
.w{width:1200px; margin:0 auto; overflow:hidden; zoom:1}
.index .op_l{width:1230px}
.cl_f{display:none; clear:both; overflow:hidden}
.t_t{padding:30px 30px; font-size:24px; float:left}
.h{overflow:hidden; zoom:1}
.b_b{border-bottom:3px solid orange; background:#fff; margin-top:20px}
.t_t *{height:31px; line-height:31px; float:left}
.t_t i{display:inline-block; width:4px; border-radius:4px; background:#1a96ec; height:31px; margin-right:8px; vertical-align:middle}
.cn{font-size:20px; padding:30px 125px; background:#fff}
.cn .t1, .cn .t2, .cn .t3{padding:3px 8px; line-height:1em; background:#f2f2f5; border:1px solid #c2c2c2; vertical-align:top; *vertical-align:0px; width:1138px}
.cn .t3{line-height:22px}
.wl{width:12%; position:relative}
.wr{width:87%; position:relative}
.fl.wr{font-size:18px}
.more2 {font-size:16px;padding-top:16px; line-height:1; font-weight:bold; color:#555; vertical-align:baseline}
.cus_cate_txt i.drp{position:absolute; background-position:100% -45px; width:28px; height:28px; display:block; right:0; top:0}
.wr .Validform_checktip{position:absolute; height:30px; line-height:30px; right:0; bottom:2px; font-size:14px}
.wr .Validform_wrong{color:red}
.c_tip{font-size:14px; color:red; line-height:30px; margin-left:12px}
.row{padding:40px 0; border-bottom:1px solid #F4F4F4; line-height:1.3}
.row label{margin-right:10px}
.row select{padding:4px 10px; line-height:1.5em; background:#f2f2f5; border:1px solid #c2c2c2; vertical-align:top; *vertical-align:0px; width:1138px}
#up_form .t1{width:810px}
.r_pan .t3{width:100%;}
.add_m{width:60%; background:transparent; padding:6px}
textarea.t3{width:100px}
.tip{font-size:12px; color:#0e85d8; padding:10px 0; clear:both}
.row .mark{display:block; float:left; padding:5px 35px; margin-right:9px; border:1px solid #c2c2c2; font-size:14px; margin-bottom:9px; cursor:pointer}
#classify input{opacity:0; filter:alpha(opacity=0); width:0; height:0}
.row span.mark.cur{background:#2784dd; color:#fff; border-color:#2784dd}

.blue{border:1px solid #2b8bc8; background:#329cec;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#79C6FF,endColorStr=#1383d9);background: -ms-linear-gradient(top, #79C6FF,  #1383d9);background:-moz-linear-gradient(top,#79C6FF,#1383d9);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#79C6FF), to(#1383d9));background: -o-linear-gradient(top, #79C6FF, #1383d9); color:#fff!important}

.s_sort {line-height:30px}
.hd *{margin-right:10px}

.icon{display:inline-block; line-height:30px; font-size:16px; font-style:normal; padding-left:25px; margin:0 15px; color:#0e85d8; cursor:pointer}
.i_s *{font-size:14px; font-style:normal; display:inline-block; margin-top:45px; cursor:pointer}
.face{display:block!important; background:#efefef; padding:10px 15px}
.t_m_f{display:block}
.i_s em{height:16px; vertical-align:middle; text-align:center; color:#333}
.i_s i{width:20px; height:16px; background:url(../Content/images/del.png) no-repeat center center; vertical-align:top}
.i_v{margin-top:20px; position:relative}
.i_p{background:#f2f2f2; margin-bottom:15px; padding:14px 0; overflow:hidden; zoom:1}
.i_p img {max-width:154px; max-height:103px}
.i_s_v {width:154px; height:103px; line-height:103px; background-color:#fff; text-align:center; cursor:pointer}
.i_s em:hover{color:#FF7800}
#cover {padding:22px 0}
.pro_bar {width: 156px; height: 15px; background: #fff; border-radius: 8px; position:relative; top:42px}
.pro_bar .br {width: 0%;height: 100%; background-color: #2B69B0; border-radius: 8px}
.i_p div{float:left; margin-right:15px; vertical-align:middle}
.i_p .inv{margin-right:0}
.i_o{width:50px; height:103px; background-position:0 28px; margin-left:15px; cursor:move}
input[type="button"].s_i{padding:8px 10px 8px 35px}
.upImg{position:relative; width:128px; height:50px}
.i_des{width:439px; height:89px; padding:6px}
.row .m{position:relative; border:1px solid #c2c2c2; overflow:hidden}
.row .m span, .m_c1 span{background:#0e85d8; display:inline-block; padding:3px 7px; font-size:14px; line-height:1em; color:#fff; cursor:pointer; margin-left:3px}
.row .m i{ font-style:normal; cursor:pointer; margin-left:6px}
.row .m .add_m{background:#f2f2f5; border:none; width:827px}
.m_t{position:relative; font-size:20px; display:inline-block; width:140px; margin-right:10px; line-height:35px; text-align:center; border:1px solid #cacaca}
.m_c{border:solid #c4c4c4; border-width:0 1px 1px; font-size:14px}
.m_c2{padding:14px 6px}
.m_c1{float:left}
.m_c1 span, .m_c2 span{background:#e5e5e5; color:#929292; margin-left:8px}
.m_tt{padding:6px 4px}
.m_tt span{display:inline-block; padding:3px 8px; cursor:pointer; margin:2px; }
.white{background:#fff}

.m_t .cus_cate_txt{position:relative; display: block; text-align:left; margin-left:15px; width:205px; height:28px}
.m_t select{width:100%; z-index:4;position:absolute; height:35px; line-height:35px; top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0);cursor:pointer; font-size: 16px}

.tags .p_f{background:transparent}
.p_f, .p_title, .cate_navs{margin:15px; font-size:12px; font-weight:500; color:#999; background:#fff; overflow:hidden}
.sec_title{padding:15px 0; line-height:40px}
.sec_title .t_name{font-size:24px; vertical-align:middle}
.works_title:hover{color:#FF7800}
.detail_middle .slide_left{float:left; width:840px; font-size:14px; overflow:hidden; zoom:1; background:#fff; margin:15px 10px 0 0}
.detail_middle > .fr , #erwei{width: 336px}
.ret_req{padding:15px; background:#fff; font-size:16px; color:#999}
.ret_req strong{vertical-align:middle}
.ret_req span{padding:0 6px}
em.m, a.m{font-style:normal; border:1px solid; padding:0px 7px; color:#666; margin-right:6px }
a.m:hover{color:#fff; background:#FF7800}
em.m:hover{border-color:#FF7800}
.com_pan_title{font-size:18px; border-top:1px solid #ddd; padding:8px 0}
.c_lts{}
.c_lts a{cursor:pointer}
.c_lts a:hover{color:#d50}
.author_other .author{float:left; width:300px; margin-right:20px}
.author_other .other{float:left}
.author_other .user_tx{float:left; margin-right:10px}
.author_other .other .fl{width:176px; margin-right:10px}
.author_other .other .more4{display:inline-block; vertical-align:middle; width:65px; height:130px; background:url(../Content/images/more-op.png) no-repeat center center}
.detail_top .title_panel{width:740px; float:left; padding:20px}
.detail_top .user_panel{width:336px; float:right}
.detail_bottom .bg_eee{padding:4px 8px;border:1px solid #c2c2c2;background-color:#eee}
.detail_bottom .bg_eee .t1, .detail_bottom .bg_eee .t2{width:100%; line-height:1.5em; background:none; border:0; outline:0; vertical-align:top; *vertical-align:0px}

.works_con .ob{padding:1px 3px; line-height:1.6em; font-size:12px; color:#fff; background:#ff5a00;}
.works_con .share{padding:1px 3px; line-height:1.6em; font-size:12px; color:#fff; background:#aaa;}
.p_i{line-height:40px; font-size:16px; overflow:hidden; zoom:1}
.p_i h2{font-size:20px; color:#666}
.page{text-align:center; padding:50px; clear:both}
.page span, .page a{display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; color:#656565; font-size:12px; background:#e5e5e5; border:1px solid #c5c5c5; background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d5d5d5)); background:linear-gradient(#f0f0f0, #d5d5d5)}
.page a:hover, .page a.cur{background:#f17035; color:#fff}
.d_d{border-bottom:1px solid #ddd; padding-bottom:34px}
.l_h *{line-height:2em}
.pic_c img{max-width:780px; height:auto; margin-bottom:30px; vertical-align:middle}
.op_m{margin-top:10px; font-size:16px; color:#000}
.op_m span a{padding:2px 6px; background:#c80000; color:#fff; font-size:14px}
.op_ui{position:relative; width:232px; margin:10px auto 0; font-size:24px; color:#000; padding-bottom:15px}
.op_ui .ui-item{display:block; position:relative; float:left; width:111px; text-align:center}
.op_ui .plus{position:absolute; left:38%; top:0%; color:red; z-index:2; opacity:1}
.op_ui .collect {display:block; cursor:pointer; vertical-align:top; width:111px;height:111px; text-indent:-99em}
.collect.disabled{background-position:-192px -458px}

.great.disabled {background:url(../Content/images/icons.png) no-repeat -192px -120px}
.collect{background:url(../Content/images/icons.png) no-repeat -192px -342px}
.c_d .p_f{font-size:18px; margin:45px 0; border-top:1px solid #eee; background:#fefefe}
.c_s{margin-bottom:15px; background:#fff}
.c_s .user_tx, .c_s .nick_name{float:left; line-height:40px}
.c_s .nick_name{max-width:144px}
.c_s .works_con .work_mark{line-height:40px}
.sd_title{background:#fff; padding:15px}
.p_f .tip{font-size:14px; padding:0}
.tip a{color:#e60012}
.com_l{margin:40px 0}
.c_box{overflow:hidden; zoom:1; margin-bottom:30px}
.c_box img{border-radius:50%}
.c_box>.fl{width:70px; margin-right:20px}
.c_box>.fr{width:1020px; border:1px solid #dcdcdc; padding:15px; border-radius:4px; position:relative}
.c_box .corner{width:13px; height:10px; display:block; position:absolute; left:-13px; top:20px; background:url(../Content/images/c.jpg) no-repeat}
.c_box .fr div{}
.c_box .sep{padding:0 6px}
.c_box .great i{display:inline-block; background:url(../Content/images/icons.png) no-repeat -28px -563px; width:20px; height:20px; vertical-align:bottom}
.r_pan{background:#fff; clear:both}
.org{color:#ff5a00}
.a_msg{padding:15px 0 0; overflow:hidden}
.a_msg .fl img{border-radius:50%; margin:0 20px 20px}
.a_msg .fl *, .m_attr *{display:block}
.a_msg>.fl span{line-height:2.5em; font-size:16px}
.m_attr, .avg{position:relative; border-top:1px solid #ddd; clear:both; text-align:center; width:100%; overflow:hidden; padding:6px 0}
.avg{width:100%}
.avg .fl a{color:#666}
.m_attr .fl, .avg .fl{width:111px;border-right:1px solid #eee; box-sizing:border-box}
.m_attr .no_bd{border:0}
.c_s .p{padding:15px 8px 0}
.c_s .b{border-top:1px solid #eee}
.page{text-align:center; padding:50px; clear:both}
.page .next b, .page .prev b{width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:transparent transparent transparent #4e4e4e; position:absolute;left:16px;top:12px}
.page .prev b{border-color:transparent #4e4e4e transparent transparent; left:8px}
.page span, .page a{display:inline-block; font:bold 13px/35px '微软雅黑'; width:35px; height:35px; text-align:center; color:#656565; *background:#fff; border:1px solid #c5c5c5; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); background:linear-gradient(#fff, #f0f0f0); position:relative; vertical-align:middle; cursor:pointer; margin:2px}
.page a.cur, .page a:hover{background:#ffba00; background:-webkit-gradient(linear, left top, left bottom, from(#ffba00), to(#ffc62d)); background:linear-gradient(#ffba00, #ffc62d); color:#fff; border-color:rgb(236, 162, 36)}
.page .disabled{cursor:default; background:#eee; border-color:#c5c5c5}
.page a.cur{cursor:default}
.page em{font-weight:bold; margin:0 6px}
#where{background:#fff; padding:20px 15px; border-radius:10px; text-align:center; width:300px; overflow:hidden; zoom:1}
#where a{padding:4px 12px; text-align:center; margin-top:15px}
.pass{font-size:18px}
.pass i {background:url(../Content/images/icons.png) no-repeat -30px 0; width:67px; height:67px; display:inline-block}
.pass a{background:rgba(0,0,0,.5); border-radius:6px; padding:6px 12px; color:#fff}
.pic_lis .con{padding:20px 19px}
.pic_lis .con .fl{margin-right:17px; *display:inline}
.pic_lis .con .fl:last-child{margin:0px}
.pic_lis .cor_info{text-align:center;*background-color:rgb(10,10,10); background:rgba(0,0,0,.5); *background:none; position:absolute; width:130px; height:130px; top:130px; left:0; color:#fff; z-index:10}
.pic_lis h3 {position:absolute; top:35%; bottom:35%; text-align:center; width:100%}
.pic_lis .cor_bg{position:absolute; top:0; left:0; width:100%; height:100%; *background:#000; filter:alpha(opacity=50)}
.pic_lis .p_r{overflow:hidden}

/**/
.close{position:absolute; right:10px; top:0px; font-size:18px; text-indent:-9999px; z-index:2; width:32px; height:32px; background:url(../Content/images/close.png) no-repeat; cursor:pointer}

/*更多*/
.more3 {text-align:center}
  
.dd-list .dd-list { padding-left: 30px}
.dd-collapsed .dd-list { display: none}
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold}
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0}
.dd-item > button[data-action="collapse"]:before { content: '-'}

.dd-placeholder,
.dd-empty { margin-bottom:15px; background: #f2fbff; border: 1px dashed #b6bcbf}
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999}
.dd-dragel > .dd-item .dd-handle { margin-top: 0}
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
.qq-upload-button{display:inline-block;width:128px; height:50px; background-position:-174px -252px; text-indent:-200px}
#upimg .qq-upload-button span{display:none}

#dd_lightBox_overlay{position:fixed;left:0;top:0;background:#000000;opacity:0.8;width:100%;height:100%;display:none;z-index:9998}

#dd_lightBox{position:fixed;left:0;top:0;display:none;background:url(../Content/images/loading.gif) no-repeat center center #ffffff;width:200px; height:200px;overflow:hidden;padding:10px 10px 50px 10px; margin-left:-5px;margin-top:-25px;z-index:9999}
#dd_lightPanel{height:100%; width:100%; overflow-x:hidden; overflow-y:scroll;}
#dd_lightBox #dd_img_wrap{background:#ff0000;padding:12px;overflow:hidden}
#dd_lightBox #dd_iframe{width:640px;height:360px}

#dd_lightBox #dd_title{position:absolute;left:10px;bottom:25px;font:11px dotum;color:#777777}
#dd_lightBox #dd_page{position:absolute;left:10px;bottom:10px;font:bold 11px verdana, helvetica;color:#888888}

#dd_lightBox #dd_next, #dd_lightBox #dd_prev {position:absolute;right:0px;top:50%;margin-top:-20px;background:url(../Content/images/slide-bar.gif) no-repeat 0 0;width:60px;height:60px;cursor:pointer}
#dd_lightBox #dd_next{right:0; background-position:0 -60px}
#dd_lightBox #dd_prev{left:0}
#dd_lightBox #dd_close{position:absolute;right:10px;bottom:10px;background:url(../Content/images/lightbox-btn-close.gif) no-repeat;width:66px;height:22px;cursor:pointer}

/*@media(max-width:767px) {
    .w, .index .op_l {width:auto}
    .g>.fl{width:auto}
    .fr.i_A_w{float:left!important}
}*/