/* reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td ,header, section, aside, nav, menu, hgroup, audio, video, figure, figcaption, footer, article{ margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } em { font-style:normal; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, th, var, optgroup { font-style:inherit; font-weight:inherit; } del, ins { text-decoration:none; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal;} sup { vertical-align:baseline; } sub { vertical-align:baseline; } legend { color:#000; } input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } input, button, textarea, select {*font-size:100%; font-family:Arial,sans-serif;outline:none } textarea { line-height:18px; resize: none; outline:none; } i,cite{font-style:normal;} .clearfix { zoom:1; } .clearfix:after { content:""; display:block;clear:both; } a:link, a:visited { color:#333; text-decoration:none; } a:hover{color:#ff3f6e;} a:focus{outline: none;} .f12{font-size: 12px;} .pr { position:relative;} .pa { position:absolute;} /**common 枚红色ff3f6e */ .hide{display:none} .fr{float:right} .fl{float:left;} .yahei{font-family: 'Microsoft Yahei'} .ch{font-family: 'SimSun'} .bluelink, .bluelink:link,.bluelink:visited,.bluelink:hover,.darkblueLink, .darkblueLink:link,.darkblueLink:visited,.darkblueLink:hover{color: #45a5e8;} .gray, .gray:link, .gray:visited,.gray:hover{color: #a6a6a6;} .pink,.pink:link,.pink:visited,.pink:hover{color:#ff3f6e;} /*.ellipsis {white-space: nowrap;word-wrap: normal;word-break: normal;text-overflow: ellipsis;-o-text-overflow:ellipsis;overflow: hidden}*/ .mt5{margin-top: 5px;} i.s{width:0;height:0;display:inline-block;*zoom:1;overflow:hidden;border-color:#fff transparent transparent transparent ;border-width:4px;vertical-align:-2px;border-style:solid;_border-color:#afbbc3 #282828 #282828 #282828;} .icon{width:16px;height:16px;display:inline-block;*zoom:1;vertical-align:-5px;*vertical-align:-3px;_vertical-align:-1px;margin-right:3px;} .textarea{border:1px solid #e0e4e2;padding:3px;overflow-x:hidden;overflow-y:auto;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);} .textbox{height: 26px;line-height: 26px;padding: 0px 3px;border: 1px solid #D7D5D6;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);} .watermark{color:#a9a9a9;line-height: 26px;} .loading{} .logo a, .header_content .myInfo_link, .produce a, .loginArea a, .nicephoto .t span.bg, .nicephoto .date-operate a, .nicephoto .btn-calendar, .close, .d-close, .albumlist li .image, .tag_select, .bindlist li .icon,.yellow_box,span.corner,.vip_icon, .view-more a{background: url(http://img2.app.meitudata.com/meitu/images/sprite.png?20130401) no-repeat;} .btn_c ,.btn_c span, .wf_nav a.current, .wf_nav a.current span, .nav, .nav a.supper span{background: url(http://img3.app.meitudata.com/meitu/images/btn.png?2013010710) no-repeat;} .icon,.goTop{background: url(http://img1.app.meitudata.com/meitu/images/sprite_24.png?20130402) no-repeat;_background-image:url(http://img1.app.meitudata.com/meitu/images/sprite_24.gif?20130401);} .btn_reg_save, .btn_guide, .btn_person_index, .guide span.check, .btn_login_weibo,.btn_login_douban,.btn_login_renren,.btn_login_qq{background:url(http://img2.app.meitudata.com/meitu/images/login/btn-sprite.png?2013010710) 0 0 no-repeat;} .photographer_like { position:absolute;font-size:26px;left:73px; bottom:30px;color:#ff3f6e;opacity:0; filter:alpha(opacity=0);} .photo_like { position:absolute;font-size:28px;left:100px; bottom:50px;color:#ff3f6e;opacity:0; filter:alpha(opacity=0);} .close{background-position: -180px -18px;} .blurred {-webkit-transition: -webkit-filter 0ms ease-in-out;-moz-transition: -moz-filter 0ms ease-in-out;-o-transition: -o-filter 0ms ease-in-out;-ms-transition: -ms-filter 0ms ease-in-out; transition: filter 0ms ease-in-out;-webkit-filter: blur(3px);} /**按钮样式*/ .btn_a,.btn_a_disable{min-width:55px;_width:55px;text-align:center;background:#8dd52e;padding:1px 0;display:inline-block;*zoom:1;font-size:12px;border:1px solid #8dd52e;} .btn_a:link,.btn_a:visited{color:#fff;} .btn_a:hover{background:#a2e845;border-color:#a2e845;color: #fff;} .btn_a_disable{background:#f8f7f5;border:1px solid #eaeaea;} .btn_c ,.btn_c span{font-family:'Microsoft Yahei';display:inline-block;*zoom:1;font-size:16px;height: 35px;line-height: 35px;width: 4px;color: #fff; } .btn_c span{min-width: 80px;text-align: center;padding-right: 3px;background-position: 100% -35px;margin-left: 4px;} .btn_a:link,.btn_a:visited{color:#fff;} .btn_a:hover{background:#a2e845;border-color:#a2e845;} .btn_a_disable:link,.btn_a_disable:visited{color:#a6a6a6;} .btn_a_disable:hover{background:#f8f7f5;border:1px solid #eaeaea;} .btn_b{background:#ff3f6e;border-color:#ff3f6e;height:30px;line-height:30px;font-size:16px;font-weight:bold;padding:0 4px} .btn_b:link,.btn_b:visited{color:#ffd9e2;} .btn_b:hover{background:#ff819f;border-color:#ff819f} .btn_d:link, .btn_d:visited{background: #ff3f6e;color: #fff;padding:6px 12px;border-radius: 5px;} .btn_d:hover{color: #fff;background: #ff648a;} .arrow{position: absolute;top: -10px;*top:-9px;width: 22px;line-height: normal;font-size: 18px;font-family: 'SimSun';right: 3px;} .arrow em{color: #DFDFDF;position: absolute;} .arrow span{color: #f7f7f7;position: absolute;top: 2px;} /**弹窗样式*/ html { _background: url(about:blank) #fafafa; _background-attachment: fixed;} .dialog-layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); z-index:9; } .dialog-layout { _position: absolute; _height: expression(documentElement.clientHeight); _top: expression(documentElement.scrollTop); _left: expression(documentElement.scrollLeft); } .dialog { background: url(http://img.app.meitudata.com/meitu/images/dialog_bg.png?2013010710); position:absolute; padding: 3px; border-radius: 4px; z-index:10; } .d-title { background: #f7f7f7;color: #333; cursor: move; border-bottom: 1px solid #eee; position: relative; box-shadow: 0 0 1px #ccc; padding: 10px 15px; font-size: 14px; font-weight: normal; -moz-user-select: none; -webkit-user-select: none; } .d-close { border: none; cursor: pointer; position: absolute; right: 10px; width: 16px; height: 16px; background-position: -180px -18px; } .d-close:hover { background-position: -207px -19px; } .d-content { padding: 0 15px; } .d-bottom { text-align: center; padding: 10px 0 20px; } .d-btn { padding: 5px 15px; font-size: 12px; color: #fff; border: none; text-decoration: none; *zoom: 1; margin: 0 5px;line-height: normal; } .d-ok:link, .d-ok:visited { background: #8DD52E;color: #fff; } .d-ok:hover { background: #A2E845; } .d-cancle:link, .d-cancle:visited{ background: #aaa;color: #fff } .d-cancle:hover { background: #ccc;color: #fff; } .d-bg { background: #fff; } .d-c-p { text-align: center; padding: 20px 0 15px; color: #444; font-size: 14px; } /*公用icon*/ .btn_follow, .btn_followed{line-height:22px;width:84px;padding:1px 0 1px 4px;position: relative;*vertical-align: top;} .btn_follow .icon, .btn_followed .icon{} .icon_add_a,.icon_add_b,.icon_add_c,.icon_add_d{width:12px;height:10px;vertical-align:middle;background-position:0 -73px;_vertical-align:-2px;_margin-top:7px;} .icon_add_b{height:12px;background-position:-29px -73px;*background-position:-29px -72px;_background-position:-29px -74px;} .icon_add_c{background-position:-55px -73px;} .icon_add_d{background-position:-82px -70px;width:16px;height:15px;_margin-top:5px;_margin-bottom:2px;} .icon_male{background-position:-56px 0;height:18px;width:13px;margin-right:5px;} .icon_female{background-position:-30px 0;height:18px;width:13px;margin-right:5px;} .icon_face{width:18px;height:16px;display:inline-block;*zoom:1;background-position:0 -16px;cursor:pointer;} .icon_vip{width: 14px;height: 14px;background-position: -58px -282px;overflow: hidden;vertical-align: middle;margin-left:1px;} .icon_view{background-position: -44px -46px;width: 20px;} .icon_comment{background-position: -74px -46px;} a.current .icon_comment{background-position: -31px -255px;} .icon_comment_b{background-position: -123px -45px;} .icon_letter{background-position: -52px -229px;} a.current .icon_letter{background-position: -52px -254px;} .icon_notice{background-position: -90px -229px;} a.current .icon_notice{background-position: -90px -254px;} .icon_privacy{background-position: -120px -228px;} .icon_vip_b{background-position: -30px -282px;width: 18px;height: 18px;overflow: hidden;vertical-align: middle;_vertical-align:2px;} .icon_sina{background-position: 0 -94px;} a:hover .icon_sina, a.current .icon_sina{background-position: 0 -118px;} .icon_qzone{background-position: -22px -94px;} a:hover .icon_qzone, a.current .icon_qzone{background-position: -22px -118px;} .icon_douban{background-position: -44px -94px;} a:hover .icon_douban, a.current .icon_douban{background-position: -44px -118px;} .icon_renren{background-position: -67px -94px;} a:hover .icon_renren, a.current .icon_renren{background-position: -67px -118px;} .icon_tencent{background-position: -90px -94px;} a:hover .icon_tencent, a.current .icon_tencent{background-position: -90px -118px;} .icon_500px{background-position: -23px -311px;} a:hover .icon_500px, a.current .icon_500px{background-position: -23px -332px;} .icon_flickr{background-position: 0 -311px;} a:hover .icon_flickr, a.current .icon_flickr{background-position: 0 -332px;} .icon_d_refesh{ height: 18px; background-position: -82px -307px;}a:hover .icon_d_refesh, a.current .icon_d_refesh{background-position: -105px -307px;} .icon_d_comment{height: 18px;background-position: -82px -336px;}a:hover .icon_d_comment, a.current .icon_d_comment{background-position: -105px -336px;} .icon_photo{background-position: -27px -149px} .icon_like_b{background-position: -27px -167px} .icon_like_c{background-position: -103px -46px;} .icon_fans{background-position: -26px -185px;width: 20px} .icon_follow{background-position: -27px -205px} .icon_mask{width: 54px;height: 26px;background-position: -55px -149px;_background:#000;} .icon_private{background-position: -79px 0;} .vline {width: 0;border-left: 1px solid white;overflow: hidden;display: inline-block;height: 14px;vertical-align: middle;margin: 0 2px;} .icon_setcover{background-position:-56px -182px} .icon_editinfo{background-position:-77px -182px} .icon_photodel{background-position:-100px -182px} .icon_photoview{background-position:-120px -182px} .icon_false{background-position: -84px -283px;} .next_cur {cursor:url(http://img.app.meitudata.com/meitu/images/next.cur?2013010710),auto;} .prev_cur {cursor:url(http://img3.app.meitudata.com/meitu/images/prev.cur?2013010710),auto; } span.corner{width: 30px;height: 32px;display:block; background-position: 0 -532px;position: absolute;top:0;right:-1px;z-index:4;cursor: pointer;} /*表情*/ .faceArea{background:#fff;border:1px solid #e8e8e8;padding:15px;width:372px;position:absolute;z-index:20;} .faceArea .icon_current{position:absolute;bottom:auto;top:-8px;left:20px;height:8px;font-size:0;background-position:-118px -94px;} .faceslist li{float:left;border:1px solid #e8e8e8;position:relative;margin:-1px 0 0 -1px;_display:inline;height: 22px;width: 26px;padding: 4px 2px;text-align:center;cursor:pointer;} .faceslist li:hover{border: 1px solid #0095CD;background: #FFF9EC;position: relative;z-index: 2;} /**自定义下拉文本框 */ .tag_select { display:block; color:#444; width:210px;overflow:hidden;word-break:break-all;word-wrap:break-word; height:32px; background-position:0 -436px; padding:0 25px 0 10px; line-height:32px; color:#7D7D7D; font-size:12px; cursor:pointer; } .tag_select.error{background-position:0 -567px; color:#444; } ul.tag_options { background:#fff; padding:0 0 1px;width:236px; font-size:12px; cursor:pointer; z-index:20; border:1px solid #ccc;max-height:300px;overflow-x:hidden;overflow-y:auto;position:absolute;} ul.tag_options li { background:#fff; display:block; width:220px; padding:0 10px; height:28px; text-decoration:none; line-height:28px; color:#000; font-weight:normal; font-size:12px;overflow:hidden;} ul.tag_options li.open_hover { background:#eee; color:#000; font-weight:normal; font-size:12px } ul.tag_options li.open_selected { background:#eee; font-size:12px; font-weight:bold; } /*页码*/ .pagination{text-align:center;padding:30px 0 40px 0; display:none;} .pagination a,.pagination span {text-decoration: none;border: 1px solid #EAEAEA;	color: #444;display:inline-block;*zoom:1;padding:2px 7px;line-height:16px;margin:0 10px 0 0;} .pagination span{border:none;} .pagination a:hover{color:#ff3f6e;border-color:#ff3f6e;} .pagination .current {background: #000;color: #fff;	border: 1px solid #000;} .pagination .current.prev, .pagination .current.next{color:#999;	border-color:#999;	background:#fff;} /**页面结构*/ body{font:normal 12px/20px Arial,Helvetica,sans-serif;color:#333;background:#fafafa;} #global_header{position:relative;z-index:4;width:100%;min-width:1000px;height:56px;_height:56px;background:url(http://img3.app.meitudata.com/meitu/images/bg_global_header.png?20130115) repeat-x #171717;top:0;left:0;} #container{width: 1000px;margin:0 auto 80px auto;min-height: 900px;_height:900px; background-color:#FAFAFA} #footer{background:#171717;height:220px;width:100%;} /** global_header .global_place{height:57px;_display:none;}*/ #globalTop { width:100%; z-index:5;} .header_content{width:1000px;margin:0 auto; position: relative;z-index:1;} .header_content a:link, .header_content a:visited{color:#fff;text-decoration:none;} .header_content a:hover{color:#fff;} .logo{width:138px;height:30px;float:left;margin:10px 0 0 0;} .logo a{display:block;height:30px;text-indent:-999em;background-position:-50px -37px;} .nav{height:55px;float:left;font-family:'Microsoft Yahei';font-weight:normal;margin-left: 50px;background-position: 0 -84px;padding-left:2px;} .nav li{float:left;position: relative;} .nav li a.supper, .nav li a.supper span{display:inline-block;*zoom:1;cursor:pointer;height:55px;line-height:55px;font-size:14px;text-align:center;float: left;} .nav li a.supper span{background-position: right -139px;padding:0 22px 0 18px;} .nav li.current a.supper span, .nav li a.supper:hover span{background-position: right -249px;} .nav li.sub a.supper span{padding-right: 30px;} .nav li .downMenu{top:55px;} .nav li .downMenu a{float: none;position: static;line-height: normal;font-weight: normal;font-size: 12px;line-height: 1.5;height: auto;text-align: left;} .nav li i.s{position: absolute;right:20px;top:26px;} .nav li.current a.supper i.s, .nav li a.supper:hover i.s{_border-color: #afbbc3 #424242 #424242 #424242;} .nav li:hover i.s, .myInfo .profile:hover i.s{-moz-transform: rotate(180deg);-moz-transform-origin: 50% 40%;-webkit-transform: rotate(180deg);-webkit-transform-origin: 50% 40%;-o-transform: rotate(180deg);-o-transform-origin: 50% 40%; transform: rotate(180deg);transform-origin: 50% 40%;} .nav a:link,.nav a:visited{text-decoration:none;color:#fff} .nav .icon_new{background-position: 0 0;left:58px;top:10px;position: absolute;width: 18px;height: 10px;overflow: hidden;} .topRight{height:55px;float:right;width:326px;} .header_content .myInfo{width:202px;margin-top:15px;position:relative;float: left;} .header_content .myInfo .myInfo_link{float:left;width:62px;height:40px;margin-left:15px;cursor:pointer;_display:inline;background-position:-94px -210px;position: relative;} .header_content .myInfo_link:hover{background-position: -94px -267px;} .header_content .myInfo .myMsg{position:relative;width:35px;background-position: 3px -57px;margin-left:18px;} .header_content .myInfo .myMsg em{padding:1px 2px;font-size:10px;color:#fff;background:#ff3f6e;position:absolute;overflow:hidden;top:0px;left:18px;line-height:10px} .header_content .myInfo .profile{width:42px;margin:-3px 0 0 20px;background:none;} .header_content .myInfo .profile i.s{position: absolute;top:14px;right:0;} .header_content .myInfo .profile img{margin-top:1px;opacity:1;filter:alpha(opacity=100);-webkit-border-radius:3px;border-radius: 3px;} .header_content .myInfo .profile:hover img{opacity:0.8;filter:alpha(opacity=80)} .myInfo .create .link{position: absolute;width: 62px;height:40px;text-indent: -999em;} .header_content .downMenu{position:absolute;width:132px;border-top:none;box-shadow:0 0 5px #666;top:40px;right:0;display: none;} .header_content .show .downMenu{display:block;color: #fff;} .header_content .downMenu a{display:block;background:#272727;padding:7px 15px 7px 22px;*zoom:1;} .header_content .downMenu .message{background:#272727; line-height: normal; display: none;overflow: hidden;} .header_content .downMenu .message p{padding:5px 0 4px 14px;} .header_content .downMenu .message a{display: inline;background: none;padding: 0 0 0 4px;} .header_content .myMsg .downMenu{width: 148px;} .header_content .downMenu a.cur, .header_content .downMenu a:hover{background:#ff4576;color: #fff;} .myInfo .downMenu .icon{width:18px;height:18px;margin-right:5px} .myInfo .downMenu .icon_1{background-position:1px -145px} .myInfo .downMenu .icon_2{background-position:-2px -165px} .myInfo .downMenu .icon_3{background-position:-2px -185px} .myInfo .downMenu .icon_4{background-position:-2px -210px} .myInfo .downMenu .icon_5{background-position:-2px -234px} .myInfo .downMenu .icon_6{background-position:-2px -255px} .myInfo .downMenu .icon_7{background-position:-2px -277px} .notice_label {position: absolute;background:#272727;right:196px;padding: 8px 0 7px 12px;width: 135px;top: 55px;color:#fff;box-shadow:0 0 5px #666;line-height: 24px;display:none;} .notice_label a.close {right: 2px;width: 14px;height: 13px;background-position: -184px 2px;top: 1px;position: absolute;text-indent: -999em;overflow: hidden;} .notice_label a.close:hover{background-position: -211px 2px;} .header_content .notice_label a:link,.header_content .notice_label a:visited,.myInfo .downMenu .message a:link,.myInfo .downMenu .message a:visited{color:#ff4576;text-decoration: underline;} .myInfo .downMenu .message a:hover{background:none;} .produce {float: left;margin:10px 0 0 15px} .produce a {display: block;text-indent: -999em;width: 105px;height: 34px;padding: 0;background-position: -49px 0} .yellow_container{position:absolute;width:170px;height:47px;right:0;top:65px;right:-22px;top:24px; z-index:4;} .yellow_box{width:170px;padding:8px 0 0 0;height:48px;text-align:center;line-height:48px;overflow:hidden;position:absolute;background-position: 0 -470px;} .yellow_box a.close{background-position: 0 30px;top: 14px;position: absolute;width: 16px;height: 16px;right: 2px;} .yellow_box a.close:hover{background-position: -153px -534px;} .loginArea{float:left;width:190px;height:34px;margin-top: 10px;} .loginArea a{display:inline-block;*zoom:1;width:82px;height:34px;background-position:-139px -78px;text-align:center;line-height:30px;color:#fff} .loginArea a em{display: none;} .loginArea a:hover{background-position: -139px -113px; } .loginArea a.login{background-position: -50px -78px;} .loginArea a.login:hover{background-position: -50px -113px;} /**footer */ #footer.footer-copyTxt-wrap{text-align:center;height:40px;color:#fff;opacity:0.9;filter:alpha(opacity=90)} .footer-copyTxt{width: 1000px; background-color: #171717; margin: 0 auto; height: 40px; line-height: 40px;} .footer_content{width:1000px; margin: 0 auto; padding-bottom:5px; overflow: hidden;color: #999;background-color: #171717;} .footer_content .fl{width:142px;height:185px;border-left:1px solid #2a2a2a;padding:30px 0 0 28px;} .footer_content .logoArea{width:284px;border:none;padding:0;} .footer_content .logo {margin:50px 0 0 0;float:none;} .footer_content .logo a{background-position:-259px -70px;} .footer_content h2{font-size:14px;font-weight:bold;margin:15px 0;} .footer_content .fl ul li{height:28px;display:block} .footer_content .fl ul.product {width:300px;} .footer_content .fl ul.product li{float:left;width:120px;} .footer_content a:link, .footer_content a:visited{color: #999} .footer_content a:hover{color:#ff3f6e;} .footer_content .icon{width: 19px;height: 19px;} .goTop{ z-index: 6; width:48px;height:48px;background-position:-117px -360px;position:fixed;bottom:48px;text-indent:-999em;right:15px;display:none;} .goTop { _position: absolute; _top: expression(documentElement.scrollTop+documentElement.clientHeight-98); } .goTop:hover{background-position:-117px -416px;} .portfolio-nav{ right: 15px; z-index: 5; } /**登录浮动层*/ .loginBox{width:805px;height:260px;background:#f9f7f7;color:#444;position:fixed;_position:absolute;z-index:200;left:50%;margin:0 0 0 -402px;border:1px solid #f7f5f5;top:50%;margin-top: -130px;} .loginBox .title{height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #eceaea;padding-left:28px;} .loginBox .inner{margin:8px 0;} .loginBox ul li{margin:8px 16px 0 0;float:left;} .loginBox ul li a:hover{opacity:0.7;filter:alpha(opacity=70)} .loginBox .l{width:430px;height:180px;float:left;padding:12px 0 0 35px;border-right:1px solid #eceaea;} .loginBox h3{font-weight:bold;font-size:14px;padding-bottom:5px;} .loginBox .r{width:250px;height:180px;float:left;padding:12px 0 0 35px;} .btn_login_weibo,.btn_login_douban,.btn_login_renren,.btn_login_qq{width:150px;padding-left:38px;height:46px;font-size:14px;text-align:center;display:block;background-position:0 -985px;line-height:43px;} .btn_login_douban{background-position:0 -1034px;} .btn_login_qq{background-position:0 -1084px} .btn_login_renren{background-position:0 -1134px} .loginBox a:link,.loginBox a:visited{color:#fff} .loginBox .pinklink:link,.loginBox .pinklink:visited{color:#ff3f6e;text-decoration:underline;} .loginBox .fw:link,.loginBox .fw:visited{color:#444} .loginBox .r ul li{margin-top:8px} .loginBox .r .textbox{padding:6px 3px;width:218px;border-color:#a6a6a6;box-shadow:inset 0 1px 1px rgba(166,166,166,0.075);font-size:14px;} .loginBox .r .textbox:focus{border-color:#ff3f6e;box-shadow:inset 0 1px 1px rgba(255,63,110,0.075);} .loginBox a.d-close{top:14px;right: 12px;} .loginBox .error{padding:0 10px 0 20px;height:34px;line-height:34px;width:120px;position:absolute;top:96px;left:732px;color:#fff;background-position:-266px -566px;background:#171717;display:none;} /* @ 首页 @ zhy@meitu.com @ 2012-09-15 */ .nicephoto{padding-top: 30px;position: relative;*zoom:1;} .nicephoto .t{height: 50px;padding-bottom:10px;background: url(http://img.app.meitudata.com/meitu/images/bg_line.png?2013010710) 0 3px repeat-x;padding-right: 8px;position: relative;overflow: hidden;} .nicephoto .t span.bg{position: absolute;width: 400px;margin-left: 5px; height: 46px;background-position: 0 -159px;left: 0;text-indent:-9999em;display: block;} .nicephoto .t p{text-align: right;padding-right: 8px;padding-top: 26px;color: #797979;font-size: 14px;font-family: 'Microsoft yahei'} .nicephoto .date-operate{padding:8px 0 0 0;display: block;clear: both;} .nicephoto .date-operate a{width: 20px;height: 20px;background-position: 0 -208px;float: left;} .nicephoto .date-operate a.next{background-position: -24px -208px;} .nicephoto .date-operate a.prev-disable{background-position: 0 -234px;} .nicephoto .date-operate a.next-disable{background-position: -24px -234px;} .nicephoto .date-operate span.date{float: left;color: #666;font-weight:bold;font-size: 18px;margin: 0 6px;_display:inline;} .nicephoto .date-operate .btn-calendar{width:76px; height: 28px;background-position: 0 -261px;text-indent: -999em;margin-top:-2px;margin-left: 15px;_display:inline;} .nicephoto .photolist{margin-left:-16px;_margin-left: -32px;display: block;_display:inline;padding: 0 0 20px 0;clear: both;overflow: hidden;} .nicephoto .photolist li{float: left;margin: 25px 0 0 18px;_dispaly:inline;position: relative;height: 235px;overflow: hidden;-webkit-box-shadow: 0 2px 3px #ccc;-moz-box-shadow: 0 2px 3px #ccc;-ms-box-shadow: 0 2px 3px #ccc;box-shadow: 0 2px 3px #ccc;} .nicephoto .photolist li img{width: 235px;height: 235px;} .nicephoto .photolist .mask,.nicephoto .photolist .name, .nicephoto .photolist .icon{position: absolute;width: 235px;height: 32px;line-height: 30px;left: 0;bottom:0 ;overflow: hidden;} .nicephoto .photolist .mask{background: #000;opacity: 0.5;filter:alpha(opacity=50);_bottom:-1px;} .nicephoto .photolist .name{color:#fff;text-align: center;font-size: 14px;word-break:break-all; word-wrap:break-word;} .nicephoto .photolist .name .f12{font-size: 12px;} .nicephoto .photolist .icon{left:auto;right:8px;width:16px;height: 16px;bottom: 6px;} .calendar, .calendar .daynum li.current, .calendar .daynum,.calendar .week, .calendar .prev, .calendar .next{background: url(http://img3.app.meitudata.com/meitu/images/bg_calendar.png?20130129) no-repeat;_background: url(http://img3.app.meitudata.com/meitu/images/bg_calendar.gif?20130129) no-repeat;} .calendar{display: none;font-family:'Tahoma';position:absolute;left:48px;top:122px;width: 292px;height: 226px;color: #2b2d30;z-index: 1;overflow: hidden;} .calendar .inner{width: 276px;height: 220px;left:6px;position:absolute;overflow: hidden;} .calendar .date{color: #999;font-weight:bold;font-size: 18px;font-family:'Microsoft Yahei';position: absolute;;top: 18px;left: 83px;width: 115px;text-align: center;} .calendar .animate{position: absolute;height: 180px;top: 39px;left:-295px;width: 930px;} .calendar .daynum ,.calendar .week{width: 280px;position: absolute;top: 30px;left:295px;background-position: -6px -69px;} .calendar .week{top:0;color: #afafaf;background-position: -6px -39px;} .calendar .week_prev, .calendar .day_prev{left:1px;} .calendar .week_next,.calendar .day_next{left: 601px;} .calendar .daynum li,.calendar .week li{float: left;width: 40px;height: 30px;line-height: 30px;text-align: center;} .calendar .daynum li{cursor: pointer;} a.album_name{/*float:left;max-width: 206px;overflow: hidden;word-break:break-all;word-wrap:break-word;height: 30px;*/} .calendar .daynum li.current,.calendar .daynum li.gray{background-position: -4px -242px; cursor: default;} .calendar .prev, .calendar .next{position: absolute;width: 18px;height: 18px;top: 20px;left: 67px;background-position: -249px -238px;} .calendar .next{left:197px;background-position: -270px -237px;} .calendar .prev-disable{background-position: -250px -258px;cursor: default;} .calendar .next-disable{background-position: -270px -257px;cursor: default;} /* @ feed @ zhy@meitu.com @ 2012-09-14 */ .wf_nav{height: 44px;border-bottom: 1px solid #e0e0e0;margin:27px 0 5px 0;overflow: hidden;} .wf_nav li{float: left;margin-right: 10px;font-size:16px;} .wf_nav li a, .wf_nav li a span{font-family:'Microsoft Yahei';display:inline-block;*zoom:1;height: 35px;line-height: 34px;line-height: 35px \9;color: #666; cursor:pointer; } .wf_nav li a.current span, .wf_nav li a span{min-width: 60px;text-align: center;padding-right: 3px;margin-left: 4px;padding:0 12px 0 8px;} .wf_nav li a.current span{background-position: 100% -35px;color: #fff} .wf_nav li a:hover span{color: #FF4C80} .wf_nav li a.current:hover span{color:#fff;} .waterFall{min-height:760px;_height:760px;padding-bottom:10px;margin-left:-26px;margin-left:-20px \9;clear:both;position:relative;color: #666;} .waterFall .falls{float:left;width:230px;margin-left:26px;margin-left:23px \9;_display:inline;} .waterFall .nodata{padding-left:28px;} .waterFall .box{width:230px;padding:10px 0 0 0;margin:18px 0 5px 0;background:#fff;border:1px solid #eaeaea;position:relative;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;} .waterFall .box .image {display: block;width: 210px;overflow: hidden;margin-left:10px;} .waterFall .box .image img{width: 210px;display:block;} .icon_like{background-position:0 -46px;} .f11{font:normal 11px/12px "Arial" ;padding-left:4px;_vertical-align:2px;color:#a6a6a6;} .box a:hover{text-decoration:none;} .box a.addComment:hover{text-decoration:underline;} .box a.liked:link,.box a.liked:visited,.box a.like:hover{text-decoration:none;color:#FF3F6E;} .box a.liked .icon_like, .icon_liked{background-position:-21px -46px;} .box .commentInput{overflow: hidden;padding:0 10px;display: none;} .box .commentInput .textarea{width:202px;height:50px;display:block;margin:4px 0 0 0;} .commentInput .btn_a,.commentInput .btn_a_disable{font-size:14px;margin:5px 0;} .box .mt5{margin:5px 10px 0 10px} .box .commentArea{margin-top:5px;background:#fafafa;} .box .commentArea .txt{float:left;width:180px;padding-left:5px;_height:auto; word-break:break-all; word-wrap:break-word;height:40px; line-height:20px; overflow:hidden;} .box .commentArea li{padding:10px 0 10px 10px;_padding-bottom:0; border-top:1px solid #f0f0f0;overflow:hidden;width:220px;} .waterFall .box .commentArea a.fl{filter:alpha(opacity=70);opacity:0.7;margin-right: 3px;height:30px;} .waterFall .box .commentArea a.fl:hover{filter:alpha(opacity=100);opacity:1;} .nicephoto .loading, .waterFall .loading{background:url(http://img2.app.meitudata.com/meitu/images/loading.gif?2013010710) center 0 no-repeat; height: 30px;clear: both;margin: 10px 0 0 25px;} .waterFall .loadMore,.loadMore_photo{text-align: center;text-indent:-999em;display: block;height:42px;cursor: pointer;background:url(http://img.app.meitudata.com/meitu/images/bg_loadmore.png?2013010710) 0 0 no-repeat;margin:15px 0 0 26px;} .waterFall .loadMore:hover, .loadMore_photo:hover{background-position: 0 -41px;} .loadMore_photo{margin-left:0;} .bg_left{width:652px;float: left;} /* * @ 照片页面 * @ zhy@meitu.com * @ 2012-09-15 */ .sortlist {padding-left: 5px;} .sortlist li{float: left;;margin:5px 30px 0 0;} .sortlist li a:link, .sortlist li a:visited{color: #a6a6a6;} .sortlist li a.current:link, .sortlist li a.current:visited, .sortlist li a:hover{color:#ff4d81;} .photo_container .photolist{display: _inline;margin-left:-16px;_margin-left:-32px;padding: 0 0 20px 0;clear: both;overflow: hidden;*zoom:1;position: relative;} .photo_container .photolist li{float: left;margin: 25px 0 0 18px;_dispaly:inline;position: relative;height: 235px;overflow: hidden;-webkit-box-shadow: 0 2px 3px #ccc;-moz-box-shadow: 0 2px 3px #ccc;-ms-box-shadow: 0 2px 3px #ccc;box-shadow: 0 2px 3px #ccc;} .photo_container .photolist li img{width: 235px;height: 235px;} .photo_container .photolist .mask,.photo_container .photolist .name, .photo_container .photolist .author, .photo_container .photolist .icon_like,.photo_container .photolist .icon_liked{position: absolute;width: 235px;height: 20px;line-height: normal;left: 0;bottom:0 ;overflow: hidden;} .photo_container .photolist .mask{background: #000;opacity: 0.5;filter:alpha(opacity=50);height: 42px;_bottom:-1px;} .photo_container .photolist .name{color:#fff;text-align: left;font-size: 14px;bottom:22px;padding: 0 8px;width: 200px;height: 16px;overflow: hidden;line-height: 16px;} .photo_container .photolist .author{color: #fff;bottom: 5px;padding: 0 8px;height: 14px;width:187px;} .photo_container .photolist .icon_like,.photo_container .photolist .icon_liked{left:auto;right: 2px;width: 28px;height: 30px;bottom: 5px;cursor: pointer;} .photolist li a:link, .photolist li a:visited{color: #fff;text-decoration: none;} .photolist li a:hover{text-decoration: underline;} .photo_ad { width: 1000px; height: 90px; overflow: hidden; margin-top: 18px; position: relative; } .photo_ad_count { position: absolute; right: 10px; bottom: 5px; } .photo_ad_count span { width: 6px; height: 6px; background: #c1c1c1; font-size: 0; margin: 0 5px; display: inline-block; *display:inline; *zoom: 1; cursor: pointer; } .photo_ad_count .current { width: 8px; height: 8px; background: #ff3f6e; } .photo_dialog{ width: 600px; margin: 0 auto; position: relative;} .photo_dialog_close{ width: 18px; height: 17px; background-position: -130px -307px; position: absolute; right: -18px;top: 15px;} .photo_dialog_close:hover{background-position: -130px -335px;} .photo_dialog_h2{font-size: 18px; padding-top: 45px;font-weight: bold;color: #444;font-family: 'SimSun'} .photo_dialog_nav{ padding:15px 0; border-bottom: 1px dotted #ccc; } .photo_dialog_a:visited,.photo_dialog_a:link{color: #888888; margin-right:30px; } .photo_dialog_a:hover{color:#4198eb; text-decoration: underline; } .photo_dialog_more{ color: #888888; padding-top: 18px;} .photo_dialog_more a:visited,.photo_dialog_more a:link{color:#4198eb; } .photo_dialog_more a:hover{color: #ff3f6e;} .photo_dialog .albumlist{ margin-left: -15px; padding-bottom: 15px; background: #fff;} .photo_dialog .albumlist li{ margin:10px 0 0 18px; width: 187px; height: 235px;} .photo_dialog .albumlist li .image{ width: 187px; height: 187px; background: url(http://img2.app.meitudata.com/meitu/images/photo_last_bg.jpg?2013010710) no-repeat;} .photo_dialog .albumlist .icon_mask{ top: 151px; right: 8px;} .photo_dialog .albumlist .name{ padding-top: 6px; font-size: 12px; font-family:'SimSun';} .photo_dialog .albumlist .name a:link,.photo_dialog .albumlist .name a:visited{ color: #888;} .photo_dialog .albumlist .name a:hover{ color: #ff3f6e;} /* * @ 专辑页面 * @ zhy@meitu.com * @ 2012-09-15 */ .portfoliolist .portfolio-item{padding:16px;background: #f1f1f1;margin-top: 25px;} .portfoliolist .portfolio-item .title{font-size: 20px;font-family: 'Microsoft yahei';color: #333;line-height: 28px;} .portfoliolist .portfolio-item .top{border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;overflow: hidden;} .portfoliolist .portfolio-item .top .option{font-size: 12px;font-weight: normal;} .portfoliolist .photolist{margin:18px 0 0 -15px;} .portfoliolist .photolist li{float: left;margin-left: 16px;_display:inline;} .portfoliolist .photolist li img{width: 180px;height: 180px;} .option span{margin-left: 10px;} #portfolioPrev{ background-position: 0 -360px;} #portfolioPrev:hover{ background-position: 0 -416px;} #portfolioNext{ background-position: -58px -360px;} #portfolioNext:hover{ background-position: -58px -416px;} /* * @ 摄影师页面 * @ zhy@meitu.com * @ 2012-09-15 */ .photographer{clear: both;} .recommend-item{height:205px;position:relative;border-bottom:1px dotted #cacaca;margin-top:30px;display: block;} .recommend-item a.img{position:absolute;width:80px;height:80px;} .recommend-item a.img img{width:80px;height:80px;border: 1px solid #ecebec;} .recommend-item .info{position:absolute;left:96px;line-height:22px;width:140px;overflow:hidden;font-size: 14px;} .recommend-item .info strong{word-break:break-all; word-wrap:break-word;display: inline-block;*zoom:1;max-width: 100px;overflow: hidden;height: 18px;line-height: 18px;} .recommend-item .info .gray{font-size: 12px;color: #666;margin:4px 0 6px 0} .recommend-item .user_nav{position:absolute;left:-20px;right:auto;top:117px;} .recommend-item .user_nav li{ float:left;border-right: 1px solid #d5dbe8;width: 80px;text-align:center} .recommend-item .user_nav li strong{font-size:24px;font-weight:normal;} .recommend-item .user_nav li span{display:block;text-align:center} .user_nav li.none{border:none} .recommend-item .photolist{position:absolute;left:220px;height:175px;overflow:hidden;} .recommend-item .photolist li{float:left;margin-left:20px;_display:inline;position: relative;height: 175px;} .recommend-item .photolist li img{width: 175px; height: 175px;} .recommend-item .photolist .mask,.recommend-item .photolist .name, .recommend-item .photolist .icon{position: absolute;width: 175px;height: 30px;line-height: 30px;left: 0;bottom:0 ;overflow: hidden;} .recommend-item .photolist .mask{background: #000;opacity: 0.5;filter:alpha(opacity=50);} .recommend-item .photolist .name{color:#fafafa;width: 142px;padding-left:7px;} .recommend-item .photolist .icon{left:auto;right:2px;width:28px;height: 30px;bottom:0;cursor: pointer;} .photolist .icon_like,.photolist .icon_liked{ opacity:0; filter:alpha(opacity=0) } .recommend-item .icon_like,.photo_container .photolist .icon_like {background-position: 6px -38px;} .recommend-item .icon_liked,.photo_container .photolist .icon_liked {background-position: -15px -38px;} /* * @ 个人主页 --个人档案 * @ zhy@meitu.com * @ 2012-09-15 */ .profile_container .wf_nav{margin: 25px 0 15px 0;} .profile_container{margin-top: 28px;position: relative; z-index:2;} .profile_container .profile{line-height: 24px;color: #666;background: #f1f1f1;height:184px;clear: both;width: 960px;padding:20px;position: relative; z-index:3;overflow: hidden;} .profile_container .web a:link, .profile_container .web a:visited{color: #666} .profile_container .web a:hover{color: #ff4c80; text-decoration: underline;} .profile_container .profile .l{width: 205px;position: relative;} .profile_container .profile .l .avatar{position: relative;border:3px solid #fff;box-shadow: 1px 2px 6px #ccc;width: 180px;height: 180px;} .profile_container .profile .c{width: 560px;padding-top: 10px;margin-right: 10px;} .profile_container .profile .c p{height:18px;word-break:break-all; word-wrap:break-word;margin-top: 10px;*line-height: 19px;} .profile_container .profile .c p.name{margin-top:5px;margin-bottom: 15px;} .profile_container .profile .c .des{line-height: 18px;padding-bottom: 5px;overflow: hidden;height:auto;} .profile_container .profile .bluelink{visibility: hidden;_visibility:visible;} .profile_container .profile:hover .bluelink{visibility: visible;} .profile_container .profile .c .followBtn{line-height: 22px;} .profile_container .profile .name{font-size: 20px;font-family: 'Microsoft yahei';color: #333;line-height: 30px;} .profile_container .profile .web .icon{width: 19px;height: 19px;margin-right:5px;} .profile_container .profile .r{width: 185px;color: #787878;padding-top: 8px;font-size: 14px;} .profile_container .profile .r li{padding: 10px 15px 3px 10px;_padding:13px 15px 3px 10px;border-bottom: 1px dotted #cdcdcd;} .profile_container .profile .r li:hover{/*-webkit-transform:scale(1.2) rotate(-2deg);-moz-transform:scale(1.2) rotate(8deg);-ms-transform:scale(1.2) rotate(8deg);*/} .profile_container .profile .r li.none{border: none;} .profile_container .profile .r .icon{width:22px;margin-right:0;} .profile_container .profile .r .f12:link,.profile_container .profile .r .f12:visited{color:#666;} .profile_container .profile .r .f12:hover { color:#ff3f6e; } .profile_container .profile .btn_privacy{line-height: 22px;} .profile_container .inner{padding:40px 50px;/*background:#F1F1F1;*/margin-top:30px;overflow:hidden;} .profile_container .inner .item{padding-bottom:55px;min-height:90px;_height:90px;} .profile_container .inner .item p{padding:16px 0 0 10px;color:#666;word-break:break-all;word-wrap:break-word;} .profile_container .inner .item .blueLink{text-decoration:underline;} .profile_container .inner h3.title{padding:0 20px 6px 5px;border-bottom:1px solid #dfdfdf;color:#444} .profile_container .inner .item .option a{display:inline-block;*zoom:1;margin:0 5px} .profile_container .inner .item .option a:link,.profile_container .inner .item .option a:visited{color:#666;} .profile_container .inner .item .option a:hover{color:#ff3f6e;} .profile_container .inner .icon {width: 19px;height: 19px;} .profile_container .nodata{font-size: 14px;padding: 15px 0 0 20px;display: block;} .profile_container .wf_nav_user { padding:0 20px; } .photo_container .user_padding { padding:0 15px 20px 25px; } .photo_container .user_padding li { margin: 12px 0 0 9px; } .album_container .user_padding { margin:0; } .album_container .user_padding li { margin-left:25px; } .profile_container .portfoliolist{padding:0 20px;} .portfolio_container_inner .portfoliolist .photolist li img{width:172px; height: 172px} .change_avatar{padding:3px 12px;line-height: normal;font-size: 12px;color:#333;background: #f2f2f2;border:1px solid #c4c5c6;position: absolute;bottom: 24px;right:30px;visibility: hidden;_visibility:visible;border-radius: 3px;} .profile_container .profile .l a:hover .change_avatar{visibility: visible;} .profile_container .profile .l a:link,.profile_container .profile .l a:visited{color: #333;} /* * @ 个人主页 --相册列表页 * @ zhy@meitu.com * @ 2012-09-15 */ .albumlist{margin-left: -34px;_margin-left:-32px;background: #fafafa;position: relative;*zoom:1; padding-bottom: 50px;} .albumlist li{float: left;width: 220px;height: 280px;margin: 25px 0 0 35px;position: relative;_display:inline;} .albumlist li .image{background-position: -183px -207px;height: 220px;} .albumlist li .name{font-family: 'Microsoft yahei'; font-size: 16px;color: #333;padding: 10px 0 5px 0;word-break:break-all; word-wrap:break-word; line-height:20px; height:18px; overflow-y:hidden;} .albumlist li .bluelink{margin-right: 10px;} .albumlist li .fr{padding-right: 3px;} .albumlist .icon_mask{position: absolute;top: 175px;right: 20px;color: #fff;text-align: center;line-height: 26px;overflow: hidden;_height:24px;_vertical-align:baseline;_line-height:24px;_filter:alpha(opacity=80);} /* * @ 上传编辑页 * @ zhy@meitu.com * @ 2012-12-26 @edit @zp */ .uploadArea{color:#444;padding-bottom:90px;margin-top:27px;overflow: hidden;width: 1000px;} .uploadArea .textbox{width:193px;height:32px;line-height:32px;margin:5px 0;} .uploadArea .btn_save{width:100px;padding:6px 14px 6px 14px;font-size:14px;line-height:normal;} .uploadArea .topEdit .textbox{width:793px;height:32px;line-height:32px;margin-bottom:0;} .uploadArea .title{font:normal 21px/22px 'Microsoft YaHei';color:#444;} .uploadArea .disc{margin:25px 0;padding:8px 0;text-align:center;background:#fff1f5;border:1px solid #ffc7d5; width: 998px;} .uploadArea .uploadList .textbox{margin:0} .uploadList { vertical-align:top; padding:10px 0 25px 0;color: #8B8B8B;width: 246px; margin-right: 120px; text-align: right; position: relative; z-index:4; display:inline-block;*zoom:1; *display:inline;} .upload_list_wrap { width: 1000px;padding-bottom: 10px} .upload_list_content { width: 1110px; padding-top:20px; } .uploadList .textarea { width: 192px; height: 60px; background:#fff; } .upload_ex_wrap {width: 992px;line-height:32px; padding:0 3px;border:1px solid #D7D5D6; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; background:#fff; word-break: break-all; word-wrap: break-word;} .upload_ex_input { border:1px solid #fff; width:400px;_padding-top:5px; _margin:3px 0 6px; color:#777; } .upload_ex_input_add {border:1px solid #fff; width:120px; _padding-top:5px;_margin:3px 0 6px; } .upload_wrap { display:block; text-align:left; left:46px;*left:0; width:189px; line-height:32px;padding:3px 3px 0 6px;border:1px solid #D7D5D6; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; background:#fff; word-break: break-all; word-wrap: break-word; } .upload_input { border:1px solid #fff;width:185px;_width:100px;_padding-top:3px;_margin:3px 0 6px; color:#777;height: 30px;_height:auto; } .upload_input_add { border:1px solid #fff;width:80px;_padding-top:5px;_margin:3px 0 6px;} .upload_all_tags_wrap { width:200px; background:#fff; /*right:0; ie6下有问题 修改为left:46px*/ left:46px;position:absolute; z-index:5;} .upload_all_tags {width: 189px;line-height:32px;padding:0 3px 20px 6px; background:#fff; word-break: break-all; word-wrap: break-word;border:1px solid #D7D5D6; border-top:none;} .upload_all_tags_wrap_h2 { line-height:30px; width:198px; border-left:1px solid #D7D5D6;border-right:1px solid #D7D5D6; background:#f5f5f5; color:#666; text-align:left; text-indent:3px; position:relative;} .upload_all_tags_wrap_close { width:11px; height:11px; font-size:0; background-position:-120px -258px; position:absolute; right:6px; top:8px; } .upload_tags a{ float:left;padding:2px 16px 2px 8px;border:1px solid #dedede;_padding-top:4px;line-height:18px; margin:4px 3px 0 0;white-space:nowrap;background:#f9f9f9; position:relative;} .upload_tags a i { cursor:pointer; font-size:0px; width:8px; height:8px;background-position:-48px -312px;position:absolute; top:7px;*top:8px; right:2px;*right:1px; } .upload_tags a:link, .upload_textbox a:visited { color:#45a5e8;} .upload_tags a:hover { background:#5bbbff; border-color:#5bbbff; color:#fff; } .upload_tags a:hover i { color:#fff; background-position:-61px -312px;} .uploadList div { width:246px; margin-top: 10px; z-index:4; } .upload_list_span { top: 7px; left: 9px; } .uploadList .sigleSel{vertical-align:0;margin-right:5px;} .redborder{border-color:#ff3f6e} .red{color:red;} .labelsArea{padding-bottom: 10px;width:800px;float:left;} .labels-area li{float:left;margin:10px 12px 0 0;} .labels-area li a{float:left;padding:2px 10px 2px 8px;border:1px solid #dedede;_padding-top:4px;line-height:18px;white-space:nowrap;background: #fff;} .labels-area .icon_plus{background-position:-110px -72px;vertical-align:0;width:10px;height:10px;*vertical-align:3px;_vertical-align:0;display: none;} .labels-area a:link, .labels-area a:visited{color: #45a5e8;} .labels-area li a.current { cursor:default;} .labels-area li a.current:link,.labels-area li a.current:visited,.labels-area li a:hover {color:#ffffff;border-color:#5BBBFF;background:#5BBBFF } .upload_cate{height:32px; line-height:32px;margin-bottom:20px;} .upload_cate .fl{margin-right:10px;} .uploadArea .btn_a_disable:link,.uploadArea .btn_a_disable:visited,.uploadArea .btn_a_disable:hover{color:#fff;background:#ccc;} .upload_b { padding-top:80px; text-align:center;} .upload_b .share{padding-left:20px;color:#a6a6a6;} .upload_b .share .icon{cursor:pointer;width:19px;height:19px;margin-right:6px;} /* * @ 相册详细页 * @ zhy@meitu.com * @ 2012-09-18 */ .breadCrumbs{color:#888;padding-top: 27px} .breadCrumbs a:link,.breadCrumbs a:visited{color:#7dcaff} .breadCrumbs a:hover{color:#ff3f6e;} .breadCrumbs .icon{background-position:-104px -4px;width:14px;height:14px;} .albumDetail .top{padding:20px 0 16px 0;border-bottom: 1px solid #e0e0e0;} .albumDetail .top .l{width: 125px;float: left;} .albumDetail .l .img{border: 2px solid #fff;width: 100px;height: 100px;box-shadow: 0 0 6px #ccc} .albumDetail .top .c{width: 870px;float: left;color: #999;line-height: 20px;word-break:break-all;word-wrap:break-word;} .albumDetail .top .name{font-size: 20px; font-family: 'Microsoft YaHei';color: #333;line-height: 30px;float: left;} .editNav .inner{font-size:12px; padding: 3px 8px;margin-top:5px;float:left;border-radius:3px;display:inline-block;background: #d4d4d4;margin-left: 10px;vertical-align:middle;color: #666;position: relative;line-height: normal;} .editNav .inner:hover{background: #eaeaea} .editNav i.s{border-color:#666 transparent transparent transparent ;_border-color:#666 #d4d4d4 #d4d4d4 #d4d4d4;} .editNav ul{position: absolute;left: 0;top: 21px;width: 106px;overflow: hidden;border: 1px solid #eaeaea;display: none;} .editNav ul{background: #f7f7f7;background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#E6E6E8));background: -moz-linear-gradient(top,#F8F8F9,#E6E6E8);} .editNav .hover ul{display: block;} .editNav ul li a{display: block;padding: 10px 20px;line-height: normal;margin:0 } .editNav ul li a:hover{background: #eaeaea;color: #666} .commentConn{width:640px;padding:10px 0 20px 0;} .commentConn .nodata{border:none;background:none;margin:0;padding:30px 0 0 0;} .commentConn h2.title{font:14px/20px 'Microsoft YaHei';color:#333} .commentConn .topInput .textarea{width:635px;height:70px;} .commentList{padding-top:15px;} .commentConn .btn_a,commentConn .btn_a_disable{_width:52px;} .commentList .item{padding:15px 0 10px 0;border-bottom:1px dotted #e1e4e9;color:#666;display: block;width: 640px;} .commentList .item dt{float:left;position:relative;z-index:2;width:60px;height: 60px;} .commentList .item dd{word-break:break-all;word-wrap:break-word;display: block;position: relative;float: left;width: 580px;} .commentList .item .time{padding-left:3px;color:#a6a6a6;} .commentList .item .line{padding:0 5px;color:#a6a6a6;} .commentList .item a.name:link,.commentList .item a.name:visited{color:#0078B6;} .commentList .item .hover{visibility: hidden;_visibility:visible;} .commentList .item:hover .hover{visibility:visible} .commentList .item .option{text-align:right;} .commentList .item .option a:link,.commentList .item .option a:visited{color:#7dcaff} .commentList dd.clear{height: 0;overflow: hidden;} .innerComment{padding:15px 20px 10px 20px;border:1px solid #dfdfdf;background:#f7f7f7;margin-top:10px;position:relative;display:none;} .innerComment .icon_current{top:-16px;_top:-15px;left:auto;right:2px;background-position:-18px -154px} .innerComment .textarea{width:530px;height:22px;line-height:22px;padding:5px 3px 0 3px;} .commentList .pages{text-align:right;} /* * @ 专辑详细页 * @ zhy@meitu.com * @ 2012-09-18 */ .portfolioDetail .top{border-bottom: none;border-top:1px solid #E0E0E0;padding-bottom: 0;margin-top: 10px;padding-top: 20px;} .portfolioDetail .top .c{width: 670px;border-right: 1px dotted #eee;padding-right: 30px;margin-right: 40px;min-height: 86px;_height:86px;} .portfolioDetail .recommend-item{float: left;border: none;margin-top:2px;height: auto;} .portfolio-photo{ width: 1000px; overflow: hidden;} .portfolio-photo li{margin:15px 0 35px 0;} .portfolio-photo .image, .portfolio-photo .r{float: left;} .portfolio-photo .image{width: 900px; height: 600px;margin-right: 20px;_margin-right:10px;position: relative;background:url(http://img2.app.meitudata.com/meitu/images/loading2.gif?2013010710) center center no-repeat;} .portfolio-photo .image:hover, .portfolio-photo .image .inner{color: #fff} .portfolio-photo .r{width: 80px; display:none;} .portfolio-photo .r a{padding:4px 6px 5px 8px;background: #666;display: block;margin-top: 10px;color: #fff;border-radius: 5px;} .portfolio-photo .r a:hover{opacity: 0.8;filter:alpha(opacity=80);} .portfolio-photo .r a.btn_comment{background: #b5b5b5;} .portfolio-photo .r a .icon{margin: 0 5px 0 5px;_margin-top:4px;} .portfolio-photo .description{padding: 6px 0 10px 0;width: 900px;word-wrap:break-word;word-break:break-all;} .portfolio-photo .icon_mask{color: #fff;text-align: center;line-height: 26px;position:absolute;z-index: 3;bottom:20px;left: 20px;cursor: pointer;display: none;} .portfolio_container .portfolio-photo .icon_mask{ display:none;} .exif{width: 270px;height: 250px;position: absolute;bottom: 56px;left: 22px;display:none;z-index:4; cursor:default;} /*.portfolio-photo .hover .exif{visibility: visible;}*/ .exif .bg{width: 270px;height: 250px;background: #000;opacity: 0.8;opacity: 1 \9;z-index: 1;border: 1px solid #2f2f2f;} .exif .inner{line-height: 26px;position: absolute;bottom: 6px;left: 16px;z-index: 2;height:220px;width: 245px;text-align: left;} .exif .inner p{height: 26px;overflow: hidden;white-space: nowrap;} .exif .arrow{top: auto;bottom: 12px;left: 15px;} .photoDetail .exif .arrow{left: 4px;} .exif .arrow em{color: #2f2f2f;font-size: 24px;} .exif .arrow span{color: #000;font-size: 24px;top:-1px;} /**关于美图网*/ .aboutConn h2.title{padding:30px 0 26px 0;width:705px;height:108px;font:normal 24px/55px 'Microsoft YaHei';color:#524e4e;background:url(http://img.app.meitudata.com/meitu/images/bg_about_title.png?2013010710) no-repeat;text-indent:-999em;border-bottom:1px solid #eae8e8;} .aboutConn .content{width:700px;height:1100px;position:relative;background:url(http://img.app.meitudata.com/meitu/images/bg_about.png?20120930) no-repeat;margin-top:30px;} .aboutConn .item{width:390px;height:120px;position:absolute;line-height:24px;color:#524e4e;font-size:14px} .aboutConn .item p.name{font:bold 20px/28px 'Microsoft YaHei';color:#323030;} .aboutConn .item p.name .gray{padding-left:15px;font-size:12px;font-weight:normal;} .aboutConn .item01{left:30px;top:76px;} .aboutConn .item02{left:405px;top:340px;width:300px;} .aboutConn .item03{left:30px;top:610px;} .aboutConn .item04{left:370px;top:880px;width:315px;} .aboutConn h3.title{font-size:14px;color:#444;} .pbt15{padding:13px 0 8px 0;line-height:26px} .aboutConn span.pl10{padding-left:30px;display:block} .aboutConn .copyright{padding-bottom:50px;} /* * @ 认证页面 * @ zhy@meitu.com * @ 2012-09-18 */ .verifyConn{margin-top:27px;color:#666} .verifyConn .top{height:360px;background:url(http://img1.app.meitudata.com/meitu/images/pic_verify.png?20121112) no-repeat;position:relative;} .verifyConn .content{overflow:hidden;height:670px;clear:both;position:relative;} .verifyConn .content h2{font-size:14px;font-weight:bold;padding:30px 0 10px 0;border-bottom:1px solid #dfdfdf;color:#333;} .verifyConn .description{padding:15px 0 0 0;line-height:28px;overflow:hidden;color: #666;} .verifyConn .verify_steps, .editover, .step-plus{width:794px;height:43px;margin:30px 0 30px 90px;background:url(http://img1.app.meitudata.com/meitu/images/bg_verify_step.png?201212) center 0 no-repeat;} .verifyConn .verify_step2{background-position:center -46px;} .verifyConn .verify_step3{background-position:center -91px;} .verifyConn .l, .verifyConn .c, .verifyConn .r{width:150px;height:150px;margin-left:90px;_display:inline;background: #fff;border: 1px solid #e6e5e6;line-height: 24px;padding: 30px;} .verifyConn .r{margin-right:0;} .verifyConn .btnArea{text-align:center;height:130px;padding:40px 0 0 0;border-right:1px dashed #dddbdb;} .verifyConn .btn_a{padding:4px 10px;font-size:14px;font-weight:bold;margin:0 0 0 12px;display:block;width:100px;} .verifyConn .title{text-align: center;font-size: 14px;color: #666;padding-bottom: 5px;} .verifyConn .gray{text-align:left;height: 75px;} .editover{width: 85px;height:28px;margin:0 auto;background-position: -65px -149px;} .step-plus{position: absolute;background-position: 0 -144px;width: 30px;height: 30px;margin: 0;top:138px;left: 335px} .verify-box{padding:24px 80px 50px 80px;background: #fff; border: 1px solid #e6e5e6;margin:20px auto 0 auto;width: 300px;line-height: 34px;} .verify-box .btn_verify:link, .verify-box .btn_verify:visited, .verify-box .btn_verify:hover{color: #45a5e8;text-decoration: underline;} /* * @ 主页引导页 * @ zhy@meitu.com * @ 2012-09-19 */ body.guide{background: url(http://img1.app.meitudata.com/meitu/images/login/bg_guide.jpg?20130401) center 0 no-repeat #171717;color: #fff} body.guide #container{width: 1000px;background: none;} .guide_header{height: 166px;border-bottom:1px solid #444;overflow: hidden;margin-bottom: 55px;} .guide_logo{display:block;width: 340px;height: 40px;margin:85px 0 0 5px;text-indent: -999em;background: url(http://img3.app.meitudata.com/meitu/images/login/logo.png?20130401) center 0 no-repeat} .guide_logo:focus{outline: none;} .guideConn{height: 700px;position: relative;} .guideConn h2.title{font:normal 20px/24px 'Microsoft YaHei';text-align:center;width:100%;color: #fff} .btn_guide{float:left;width:185px;height:40px;text-indent:-999em;margin:21px 22px 0 0;} .guideConn .btn_qq{background-position:0 -803px;} .guideConn .btn_qq:hover{background-position:0 -844px} .guideConn .btn_weibo { left:530px;} .guideConn .btn_weibo:hover{background-position:0 -41px;} .guideConn .btn_douban{background-position:0 -82px;top:145px;} .guideConn .btn_douban:hover{background-position:0 -123px;} .guideConn .btn_renren{background-position:0 -885px;left:530px;top:145px;} .guideConn .btn_renren:hover{background-position:0 -926px;} /*修改注册 2012-11-03*/ .reg-account,.reg-avatar{width: 420px;height: 300px;float: left;border-right: 1px dashed #444;padding-top: 20px;text-align: center;font-size: 14px;margin-right: 125px;} .reg-account{text-align: left;width: 470px;margin-right: 75px;height:320px;} .verifycode {width: 93px;height: 36px;vertical-align: middle;display:inline;_vertical-align:top;} .link_changecode {font-size: 12px;margin-left: 8px;} .guideConn h2.name{padding-bottom:20px;width:1000px;margin-left: 5px;position: absolute;} .guideConn .regArea{width:450px;height:340px;float:left;font-size:14px;padding-top: 20px} .guideConn .regArea select{height:28px;background:#000;width:140px;color:#fff} .guideConn .regArea ul{padding-top:5px;} .guideConn .regArea li{margin-top:18px;display:block;position:relative;} .guideConn .placeholder{color:#a6a6a6;} .guideConn .regArea .textbox{width:270px;padding:5px 3px;background:#000;border:1px solid #444;color:#fff;} .guideConn .regArea .textbox:focus{border-color:#ff3f6e} .regArea a:link, .regArea a:visited{color: #ff3f6e;text-decoration: underline;} i.focusAndBlur {position: absolute;z-index: 2;display: block;color: #a9a9a9;font-style: normal;margin-top:12px;font:normal 14px/normal "Arial";width:80px;} .btn_reg_save{width:102px;height:29px;display:block;background-position:0 -179px;text-indent:-999em;} .btn_reg_save:hover{background-position:0 -208px;} .regArea .btn_b:link,.regArea .btn_b:visited{padding:7px 30px;font-size:14px;font-weight:normal;text-decoration: none;color: #fff;} .regArea .btn_b:hover{background: #ff648a;} .btn_register{background-position:0 -553px} .btn_register:hover{background-position:0 -582px;} .btn_reset_pwd{background-position:-126px -179px} .btn_reset_pwd:hover{background-position:-126px -208px;} .guideConn .btn_next{background-position: 0 -425px;} .guideConn .btn_next:hover{background-position:0 -454px;} .guideConn .btn_view_mail{background-position: 0 -485px;} .guideConn .btn_view_mail:hover{background-position:0 -514px;} .guideConn .errorInfo{padding:3px 0 3px 5px;color:#ff3f6e;font-size:12px;} .guideConn h2.description{padding-bottom:20px;width:540px;left:228px;font-size:16px;text-align:left;line-height:30px} .guideConn .btn_follow_meitu{background-position:0 -255px;top:320px;width:158px;} .guideConn .btn_follow_meitu:hover{background-position:0 -296px;} .guideConn .btn_start_meitu{background-position:0 -337px;top:320px;left:405px;width:144px;height:40px;position:static;display:block;margin:40px auto} .guideConn .btn_start_meitu:hover{background-position:0 -378px;} .guideConn .followTxt{position:absolute;top:370px;left:422px;} .guideConn .followTxt input{vertical-align:-2px;margin-right:5px} .guideConn .pwd_title{padding-bottom:5px;border-bottom:1px dotted #aaa;font-size:16px;width:420px} .guideConn .pwd_desc{padding:15px 5px; border-top:1px dotted #aaa;width:410px;margin-top:20px;color:#929191;font-size:12px;} .guideConn .pwd_desc p{padding:2px 0} /* 注册引导 person*/ .guide_person{padding-top: 10px;_padding-top:20px;} .guide_person p.des{text-align: center;font-size: 14px;} .guide_person_list{padding-top: 10px;} .guide_person_list li{float:left;_display:inline;width:478px;background: #fff;margin: 20px 10px 10px 10px;float: left;border: 1px solid #fff;border-radius: 3px;-webkit-transition:all 1s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;height: 130px;} .guide_person_list li:hover{border-color: #ff4c80;background: #f8f8f8; } .guide_person_list li .l{width: 130px;} .guide_person_list li .r{width: 330px} .guide_person_list li .r img{margin-right: 5px;width: 100px;height: 100px;} /*.guide_person_list li .r img:hover{-webkit-transform:scale(1.6) rotate(8deg);-moz-transform:scale(1.6) rotate(8deg);-ms-transform:scale(1.6) rotate(8deg);-webkit-box-shadow:0 0 12px #fff;-moz-box-shadow:0 0 12px #fff;-ms-box-shadow:0 0 12px #fff;box-shadow:0 0 6px #fafafa;border-radius: 100px}*/ .guide_person_list li .icon_vip{vertical-align: middle;} .guide label.checklabel{display: block;height: 108px;line-height: 22px;padding: 18px 0 10px 15px;} .guide .checkinput{opacity: 0;filter:alpha(opacity=0);} .guide_person_list li p.name{font-size: 16px;font-family: 'Microsoft yahei';color: #0b0b0b;line-height: 24px;} .guide span.check{display:inline-block;*zoom:1;width: 18px;height: 16px;overflow:hidden;background-position: -281px -1px;vertical-align: bottom;margin-right: 5px;} .guide span.checked{background-position: -281px -20px } .guide_person_list li .add{background: #ff4c80;color: #fff;width:64px;height:24px;line-height: 24px;display: inline-block;text-align: center;*zoom:1;} .guide_person_list li p.gray{font-size: 12px;text-align: left;padding: 0 0 12px 0} .btn_person_index{display: block;height: 45px;width: 175px;margin: 30px auto 10px auto; background-position: 0 -622px;} .btn_person_index:hover { background-position: 0 -667px; } .guide_meitu_check{text-align: center;} /* 忘记密码 person*/ .regArea .pwd_title{padding-bottom:5px;border-bottom:1px dotted #aaa;font-size:16px;width:420px} .regArea .pwd_desc{padding:15px 5px; border-top:1px dotted #aaa;width:410px;margin-top:20px;color:#929191;font-size:12px;} .regArea .pwd_desc p{padding:2px 0} /* * @ 照片详细页 * @ zhy@meitu.com * @ 2012-09-20 */ .photoDetail .top{margin-top: 10px;padding-top: 10px;border-top: 1px solid #E0E0E0;color: #d6d6d6;position:relative;} .photoDetail .top .option a:link, .photoDetail .top .option a:visited, .photoDetail .top .option a:hover{color: #45a5e8;} .photoDetail .top .option cite{padding:0 8px 0 10px;} .photoDetail .portfolio-photo .image{width: 1000px;float: none;text-align: center;margin:0 auto;position: relative;} .photoDetail .share{border-bottom:1px solid #E0E0E0;padding:10px 0;} .photoDetail .image .b_img,.photoDetail .image .s_img{position: absolute;left: 0;top:0;z-index: 1;} .photoDetail .image .b_img{z-index: 2;} .align_box { display: table-cell; vertical-align: middle; text-align: center; *float: left; *font-family: simsun; *font-size: 78px; *line-height: 1; } .align_box img { vertical-align: middle; } .share .icon{width: 19px;height: 19px;} .photo_bottom .l{float: left;width: 700px;} .photo_bottom .r{float:left;width: 260px;color: #444;} .photo_bottom .photo_thumbnail{padding-top:14px;} .photo_bottom .photo_thumbnail a{width:78px;height:78px;border:1px solid #c8c8c8;line-height: 78px;margin-right: 3px;text-align: center;overflow: hidden;float: left;} .photo_bottom .photo_thumbnail a.middle_spic{border:1px solid #FF3F6E;} .photo_bottom .photo_thumbname{padding-bottom: 6px;border-bottom: 1px dotted #e0e0e0;} .photo_bottom .subinfo{padding-bottom: 10px;border-bottom: 1px dotted #E0E0E0} .photocopy{padding-top: 6px;} .subinfo h3{padding:15px 0 5px 0;color:#666} .subinfo .label{padding-bottom: 5px;} .subinfo .label cite{position:relative;display:inline-block;*zoom:1;margin-right:3px;} .subinfo .label cite em{display:inline-block;*zoom:1;margin:5px 17px 3px 0;padding:1px 6px;line-height:16px;border:1px solid #ddd;border-radius:3px;max-width:150px;overflow:hidden;color:#B0AFAF} .subinfo .label cite .close{visibility:hidden;_visibility:visible;right:3px;_right:2px;top:6px;position: absolute;width: 16px;height: 16px;} .subinfo .label:hover .close{visibility:visible;} .photoDetail .btn_d{margin: 5px 0 10px 0;display: inline-block;*zoom:1;} .photoDetail .photo_like { position:absolute; font-size:26px;left:88px; top:22px;color:#ff3f6e;opacity:0; filter:alpha(opacity=0); } .photoDetail .description { width:1000px;text-align: left;margin: 0 auto;} .photoDetail .description .bluelink{visibility: hidden;_visibility:visible;} .photo_container:hover .bluelink{visibility:visible;} /* * @ 上传照片 * @ zhy@meitu.com * @ 2012-09-20 */ .uploadArea{padding-top:15px;position:relative;} .uploadArea .t{font-size:14px;padding-bottom:20px;} .uploadArea .t .fl{margin-right:10px;height:32px;line-height:32px;} .uploadArea .t a:link, .uploadArea .t a:visited{color:#45a5e8;text-decoration:underline;} .uploadArea .c .flash{width:912px;height:615px;} .editRow {overflow: hidden;padding:8px 0px;clear: both;} .editRow .l, .editRow .c, .editRow .r {float: left;} .editRow .l {width: 85px;text-align: right;} .editRow .c {width: 243px;}.editRow .r {padding-left:8px;color:#b0b0b0;} .createAlbumTable{font-size:12px;text-align:left;padding-top: 20px;} .createAlbumTable .textbox {width: 230px;} .createAlbumTable .textarea{width:230px;height:60px;} /* * @ 专辑上传 * @ zhy@meitu.com * @ 2012-09-20 */ .nav_portfolio{border-bottom:1px solid #ccc;font:normal 14px/20px 'Microsoft YaHei';margin:25px 0;height:34px;} .nav_portfolio a:link,.nav_portfolio a:visited{color:#000;} .nav_portfolio a{height:34px;line-height:33px;line-height:34px \n;padding:0 10px;margin-right:8px;display:inline-block;*zoom:1;border:1px solid #ccc;background:#fafafa;position:relative;bottom:1px;_bottom:-1px;z-index:2;border-bottom:none;} .nav_portfolio a.current{border-bottom:none;bottom:0px;*bottom:1px;_bottom:-1px;font-weight:bold;} .chooseArea{border:1px solid #e0e4e2;width:990px;overflow:hidden;margin-top:10px;position:relative;} .chooseArea .l,.chooseArea .c,.chooseArea .r{height:500px;overflow-y:auto;overflow-x:hidden;} .chooseArea .l{width:210px;background:#f9f9f9;border-right:1px solid #e0e4e2;} .chooseArea .c{width:510px;height:490px;padding-bottom:10px;position: relative;} .chooseArea .r{width:268px;background:#f9f9f9;position:relative;padding-bottom:40px;border-left:1px solid #e0e4e2;height:460px;} .choose_bottom{top:593px;_top:595px;left:725px;width:210px;background:#f9f9f9;padding:5px 15px;position:absolute;color:#a6a6a6} .chooseArea h3{color:#444;font-weight:bold;font-size:14px;padding:15px 0 10px 20px;} .chooseArea .l ul {padding:10px 0 0 0;word-break:break-all;word-wrap:break-word;color:#666} .chooseArea .l ul li{margin:5px 0;display:block;line-height:24px; padding:2px 5px 2px 20px;cursor:pointer;} .chooseArea .l ul li a.fl{width:145px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .chooseArea .l ul li span.fr{font-size:11px;color:#bbb} .chooseArea .l ul li:hover,.chooseArea .l ul li.current{background:#e0dfdf;} .chooseArea .l ul li.current a:link,.chooseArea .l ul li.current a:visited{color:#333} .chooseArea .c h3,.chooseArea .r h3{padding-bottom:0;} .chooseArea .c ul{display:block;padding-left: 5px;position: relative;} .chooseArea .c ul li,.chooseArea .r ul li{float:left;width:102px;height:102px;margin:20px 0 0 18px;_display:inline;position: relative;} .chooseArea .c ul li a,.chooseArea .r ul li a{display:block;width:99px;height:99px;padding:1px;border:1px solid #e0e4e2;} .chooseArea .c .icon_select,.chooseArea .r .icon_del{width:17px;height:17px;position:absolute;right:-1px;top:0;margin-right:0;background-position:-79px -204px;visibility:hidden;} .chooseArea .r .icon_del{background-position:-105px -204px;visibility:visible;right:0px;top:1px;} .chooseArea .c li a:hover,.chooseArea .c .hover a:link,.chooseArea .c .hover a:visited{padding:0;border:2px solid #ff3f6e} .chooseArea .r .no_result{padding:170px 0 0 50px;display:block} .chooseArea .c .hover .icon_select{visibility:visible} .chooseArea .r ul li{margin-left:15px;} .chooseArea .loadmore{padding-top:15px;text-align:center;display:none;} .chooseArea .loadmore a:link,.chooseArea .loadmore a:visited{text-decoration:underline} .nextStep {padding:25px 0 0 0;text-align:center;} .nextStep .btn_a{width:145px;height:50px;line-height:50px;font-size:16px;font-weight:bold;} /* * @ 专辑编辑 * @ zhy@meitu.com * @ 2012-09-21 */ .infoContainer{color:#444;margin-top: 35px} .infoContainer .pink{font-size: 14px;line-height: 24px;font-weight: normal;} .infoContainer .l{width:80px;} .infoContainer .r .inner{background:#f9f9f9;border:1px solid #e0e4e2;padding:15px 0 20px 30px;width:845px;min-height:120px;_height:120px;position:relative;} .photosEdit li{float:left;margin:10px 20px 5px 0;height: 100px;width: 100px;overflow: hidden;} .photosEdit li img{width: 100px;height: 100px;display: block;} .photosEdit li.hover span{padding:0;border:2px solid #ff3f6e} .photosEdit li.hover p{visibility:visible;} .infoContainer .rows{padding:10px 0 11px 0;} .infoContainer .rows .textbox{width:280px;} .infoContainer .rows .textarea{width:520px;height:115px;} .infoContainer .rows .txt{color:#a6a6a6;padding-left:10px;} .infoContainer .rows .r .btn_a{width:122px;height:28px;line-height:28px} /* * @ 关注 粉丝页 * @ zhy@meitu.com * @ 2012-09-21 */ .sideBar{float: left;width: 200px;height: 500px;background: #F1F1F1;border-top:1px solid #ededed;} .sideBar h3{border-bottom:1px solid #ededed;padding:8px 0 7px 50px;_padding:10px 0 8px 50px;box-shadow:0 1px 1px #fafafa;} .sideBar a:link, .sideBar a:visited{color: #444;} .sideBar a:hover{color: #333;text-decoration: underline;} .sideBar a.current, .sideBar a.current:link, .sideBar a.cuurent:visited,.sideBar a.cuurent:hover{color: #ff3f6e;} .mainContent{float: left;width: 750px;margin-left: 40px;_display:inline;} .mainContent h2.title{padding:10px 0 7px 0;font-size:14px;font-weight:bold;color:#444;border-bottom: 1px solid #eaeaea} .mainContent h2.title .gray{font-weight:normal;font-size:12px;} .mainContent .nodata{display:block} .mainContent .follow_tip{background: #FFF1F5;display: block;padding: 10px 0;text-decoration:none;text-align: center;color: #666;border: 1px solid #FFC7D5;margin-top: 20px;} .mainContent .follow_tip:hover{text-decoration: underline;} .fansList li{padding:25px 0 15px 0;border-bottom:1px dotted #e1e4e9;} .fansList li .l{float:left;width:65px;height:60px;padding-top:5px} .fansList li .c{width:220px;float:left;margin-right:10px;text-overflow: ellipsis;-o-text-overflow:ellipsis;overflow: hidden;} .fansList li .c .line{padding:0 4px} .fansList li .c p{margin-top:5px;} .fansList li .c p.name{font-size:14px;} .fansList li .c .gray{word-break:break-all;word-wrap:break-word;padding-top:2px;} .fansList li .r{float:left;padding-top:10px;width:150px;} .fansList li .r p{padding-top:3px} .fansList li .rcontent{width:300px;float:left;height:65px;} .fansList li .rcontent a img,.friendslist li .r a img{margin:0 3px;} .fansList li .rcontent a:hover img,.friendslist li .r a:hover img{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transition: -webkit-transform .2s;-moz-transition: -moz-transform .2s;transition: transform .2s;-webkit-transform-origin:center center;box-shadow:0 0 12px #fff;} /**我的评论*/ .mycomment,.sideBar_bg{min-height:500px;_height:500px;margin-top: 27px;background: url(http://img2.app.meitudata.com/meitu/images/bg_mycomment.png?201209) repeat-y;} .mycomment .mainContent{width:760px} .mycomment .commentList{padding-top:0} .mycomment .commentList .item{width:760px;} .mycomment .commentList .item dd{width: 630px;} .mycomment .arrow{_right:73px;} .mycomment_c{position:relative;min-height:70px;_height:70px;} .mycomment_c .pic{position:absolute;right:0;width:60px;height:60px;top:0} .mycomment_c {padding-right:70px;} .mycomment .innerComment .textarea{width:580px;} .innerComment .btn_a{_width:60px;} .sideBar_menu{width:200px;height:400px;background: #f1f1f1;} .mainContent h2.title{padding:10px 0 7px 0;font-size:14px;font-weight:bold;color:#444;} .mycomment .mainContent h2.title{border-bottom:1px solid #f0f0f0;} .mainContent h2.title .gray{font-weight:normal;font-size:12px;} .mainContent .nodata{display:none} /**我的通知*/ .noticelist li {padding:22px 0 16px 0;border-bottom:1px dotted #e1e4e9;word-wrap:break-word;word-break:break-all;} .noticelist li:hover{background:#fbfbfb;} .noticelist li .l{width:45px;padding-top:3px;} .noticelist li .l img{display:block} .noticelist li .c{width:125px;line-height:18px;} .noticelist li .r{width:45px;width:520px;color:#666;color:#666;line-height:22px} .noticelist li .r .title{color:#444;padding-bottom:5px;font-weight:bold;line-height:normal;} .noticelist li a:link,.noticelist li a:visited{color:#45A5E8;} .noticelist li a:hover{text-decoration:underline;} /**我的私信*/ .msglist li{position:relative;} .msglist li .r{width:670px;} .msglist li .r .name{padding-bottom:2px;} .msglist li .r .opera{padding-top:10px;} .msglist li .msgDel{position:absolute;top:12px;right:10px;text-indent:-999em;width:16px;height:16px;} .msglist li .close{display:block;visibility:hidden;_visibility:visible;height:16px;} .msglist li:hover .close{visibility:visible;} .ch{font-family:'SimSun'} /**私信详细*/ .msgDetail{padding-bottom:20px;} .msgDetail .title{position:relative;} .icon_privacy{width:15px;height:11px;vertical-align:-1px;*vertical-align:1px;} .msgDetail .title_tip{position:relative;height:60px;margin-top:5px;color:#a6a6a6} .btn_sendPrivateMsg,.btn_delPrivateMsg{position:absolute;right:10px;padding:2px 13px;top:2px;font-weight:normal;} .msgDetail .btn_delPrivateMsg{padding:0 10px;top:3px;background:#f8f7f7;cursor:pointer;} .msgDetail .l{width:40px;float:left;height:80px;} .msgDetail .r{width:30px;float:left;padding-left:10px;height:80px;} .msgDetail .c{float:left;width:640px;color:#333;line-height:20px} .msgDetail .c .top{width:624px;margin:0 8px;} .msgDetail .c .textarea{width:616px;margin:5px 0 0 6px;height:90px;overflow-x:hidden;overflow-y:auto;} .msgDetail p.btnArea{margin-top:2px;} .msgDetail .btn_submit{float:right;margin-right:9px;padding:3px 4px;font-size:14px;margin-top:5px;} .msgDetail .c .icon_face{margin-left:8px;} .msgDetail .c .icon_huifu{width:10px;height:13px;background-position:-240px -195px;} .msgDetail .data{padding-top:5px;} .converItem{margin:25px 0 5px 0;} .converItem .close{position:absolute;right:9px;width:16px;height:16px;visibility:hidden;_visibility:visible;} .converItem:hover .close{visibility:visible;} .converItem .converBox{padding:10px 18px;border:1px solid #e9e9e9;background:#fafafa;color:#686868;width:586px;margin-left:6px;border-radius:5px;position:relative;word-break:break-all;word-wrap:break-word;} .converItem .arrow{top:3px;right:-14px;} .converItem .arrow span{color:#fafafa;top:auto;right:6px;top:auto;} .converItem .arrow em{color:#E9E9E9;} .converItem .arrow-l{top:3px;right:auto;left:-10px;} .converItem .arrow-l span{top: auto;right: auto;left:2px;} .msgContainer {font-size:12px;text-align:left;padding:15px 0;} .msgContainer .l{width:50px;float:left;height:28px;line-height:26px;} .msgContainer .textarea{width:290px;height:60px;margin-top:8px;} .msgContainer .r{width:300px;float:left;} .msgContainer .tipInfo{position:absolute;top:70px;right:37px;color:#a6a6a6;} .msgContainer .textbox{width:160px;line-height:normal;height:14px;padding:6px 3px;} #tags_submit{_vertical-align:4px;} /* @ 账号设置 * @ zhy@meitu.com * @ 2012-09-28 */ .account_setting{width:200px;float:left;height:500px;position:relative;} .account_setting h2{font-size:16px;font-weight:bold;padding:20px 0 15px 60px;color:#000} .account_setting .box{padding:10px 60px;border-top: 1px solid #f8f8f8;box-shadow: 0 1px 1px #fafafa;} .account_setting .box .current{color:#ff3f6e;} .account_setting .box a:hover{color:#ff3f6e} .account_setting .box a{display:block;padding:3px 0;color:#333} .mainContent h3.title{font-size:14px;font-weight:bold;padding:15px 0 10px 3px;border-bottom:1px solid #eaeaea;color:#333} .mainContent .infoTable{padding:20px 0 0 5px} .infoTable tr{padding:5px 0;height:50px} .infoTable select{font-size:14px;background:#fff;height:24px;border:1px solid #a6a6a6} .infoTable .textbox{width:265px;height:30px;line-height:30px} .infoTable .vtop{vertical-align:top;} .infoTable .vb{vertical-align:bottom;padding-left:5px;padding-bottom:5px;color:#a6a6a6;font-size:12px} .infoTable th{width:80px;text-align:right;font-size:14px;font-weight:normal;} .info_radio01 {border: 0;margin: 1px 3px 0 0;} .infoTable .textarea{border:1px solid #D7D5D6;width:265px;height:85px;} .infoTable .save {text-align:right;} .infoTable .save .btn_a{width:55px;} .title_disc{color:#a6a6a6;padding:10px 3px;} .avatar{width:650px;height:525px;overflow:hidden;} .infoTable .errorTd{font-size:12px;padding-left:5px;width:200px;color:#ff3f6e} .error{color:#ff3f6e} .privacyTable tr{height:36px;} .privacyTable .privacy{vertical-align:-2px;_vertical-align:0;margin-right:3px;} .icon_tick{background-position: -440px 0;width: 18px;height: 18px;} /**帐号绑定页面*/ .bindlist li{display:block;height:40px;border-bottom:1px dotted #e1e4e9;line-height:40px;padding:20px 20px 20px 40px} .bindlist li div{float:left;width:200px;} .bindlist li .r{color:#a6a6a6;line-height: 24px;} .bindlist li .r label{color: #555} .bindlist .sync_execute{vertical-align: middle;_vertical-align:baseline;margin-right: 4px} .bindlist li .r strong{color:#444;} .bindlist li:hover{background:#fbfbfb} .bindlist .btn_a,.bindlist .btn_a_disable{width:96px;line-height:24px;font-size:14px;cursor:pointer;} .bindlist li .icon_bindsina{width:42px;height:40px;background-position:-1px -297px;vertical-align:top;margin-right:10px;} .bindlist li .icon_binddouban{width:42px;height:40px;background-position:0 -336px;vertical-align:top;margin-right:10px;} .bindlist li .icon_bindqzone{width:42px;height:40px;background-position:-2px -379px;vertical-align:top;margin-right:10px;} .bindlist li .icon_bindtencent{width:42px;height:40px;background-position:-54px -298px;vertical-align:top;margin-right:10px;} .bindlist li .icon_bindrenren{width:42px;height:40px;background-position:-54px -341px;vertical-align:top;margin-right:10px;} .bindlist li .icon_500px{width:42px;height:40px;background-position:-105px -312px;vertical-align:top;margin-right:10px;} .bindlist li .icon_flickr{width:42px;height:40px;background-position:-105px -365px;vertical-align:top;margin-right:10px;} .inviteTitle{ width:450px;height:44px;line-height:44px;background:#fff1f5;border:1px solid #ffc7d5;margin:15px auto;font-size:14px;font-weight:bold;text-align:center;} .btn_invite{display:block;line-height:36px;width:154px;font-size:12px;margin:25px auto;} /**邀请好友*/ .inviteContent{padding:25px 35px;background:#fafafa;border:1px solid #e0dfdf;margin-top:20px;} .inviteContent .blueLink{font-size:12px;font-weight:normal;} .inviteContent .userConn{margin:10px 0 0 -12px;height:220px;width:660px;position:relative;overflow:hidden;} .inviteContent .userConn .userlist{position:absolute;width:7000px;left:0;top:0;} .inviteContent .userlist ul{left:0;top:0;float:left;width:660px;height:220px;} .inviteContent .userlist li{float:left;width:70px;text-align:center;margin:20px 0 0 12px;_display:inline;position:relative;height:88px;} .inviteContent .userlist li img{width:50px;height:50px;cursor:pointer;} .icon_selected_b{width:17px;height:17px;position:absolute;right:7px;top:33px;visibility:hidden;background-position:-122px -120px;} .inviteContent .userlist li:hover .icon_selected_b,.inviteContent .userlist li.selected .icon_selected_b{visibility:visible;} .inviteContent .userlist li p.name{line-height:16px;} .inviteTxt{margin:35px 5px 20px 10px;} .inviteTxt .textarea{width:624px;height:80px;padding-top:6px;color:#999;font-size:14px;} .inviteTxt .btn_a{font-size:14px;line-height:26px;padding:0 4px} .friendslist li{border-top:1px dashed #e1e4e9} .friendslist li div{float:left;width:260px;height:54px;padding:20px 0} .btn_a .vline{width:0;border-left:1px solid #fff;overflow:hidden;display:inline-block;*zoom:1;height:14px;vertical-align:middle;margin:0 2px} .friendslist li .l .img{margin-right:10px;float:left;} .friendslist li .l .name{font-size:14px;display:block;overflow:hidden;word-break:break-all;word-wrap:word-break;width:180px;height: 22px;} .friendslist li .l span.gray{word-break:break-all;word-wrap:word-break;overflow:hidden;width:180px;height: 24px;} .friendslist li .c{padding-top:35px;width:120px;height:20px} .friendslist li .r{width:265px} /*友情链接*/ .links_container { padding: 30px; margin-top: 30px; background: #fff; height: 700px; } .links_h1, .links_h2 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; } .links_h1 { border-bottom: 1px dashed #e1e4e9; } .links_h2 { padding: 18px 0 4px 0; } .links_ul { padding: 15px 0 180px 0; border-bottom: 1px dashed #e1e4e9; } .links_ul_li { margin: 0 25px 15px 0; font-size: 13px; } .links_ul_li a ,.links_ul_li a:link, .links_ul_li a:visited{ color: #45a5e8; } .links_ul_li a:hover { text-decoration: underline; } .links_p { line-height:27px; color:#888; } /*背景设置*/ .set_background { width: 550px; height: 310px; border: 1px solid #a9a9a9; position: absolute;background: #fff; overflow: hidden; z-index:11; } .set_backgroung_container { padding: 25px 20px 20px 20px; height: 165px; border-bottom: 1px solid #eee; position: relative; } .set_backgroung_left { position: relative; width: 160px; } .set_backgroung_radio { margin-top: 5px; position: relative; } .set_backgroung_radio_txt { position: absolute; top: -2px;*top:2px; left: 18px; } .set_backgroung_bottom { padding: 0 20px; position: relative; height: 60px; } .set_backgroung_tip { border: 1px solid #ffbb77; padding: 3px 15px; color: #ff7e00; background: #ffeddb; position: absolute; top: 15px; display:none; } .set_backgroung_btn { position: absolute; right: 13px; top: 20px; } .set_backgroung_btn_a { padding: 6px 15px; } .set_backgroung_btn_a_u {margin: 0px; position: absolute; } .set_backgroung_pic { border: 1px solid #e0e4e2; } .set_backgroung_right { width: 345px; height:165px; position: absolute; right: 15px; top: 26px; overflow:hidden; } .set_backgroung_right_btn { width:80px; height:27px; overflow:hidden; position:relative; } .set_backgroung_p { line-height: 20px; color: #a6a6a6; padding-top: 10px; } .set_backgroung_item { margin-top: 20px; position: relative; } .set_backgroung_item label { position: relative; top: -2px; margin: 0 15px 0 3px; } .set_backgroung_item span { padding: 3px 12px 4px 12px; border: 1px solid #e0e4e2; cursor: pointer; } .set_backgroung_item .center { border-left: none; border-right: none; } .set_backgroung_item .current { background: #797a7e; color: #fff; cursor: default; } #setBackgroungFile { margin-left:10px;font-size:26px;left:-300px;position:absolute;top:0px; opacity:0; filter:alpha(opacity=0);} .ie6Background { background-position-y:expression(documentElement.scrollTop);} /*关注推荐用户*/ .feed_friends_container { width: 960px; padding: 10px 20px; background: #f1f1f1; margin-top:15px; display:none; position:relative;} .feed_friends_h2 { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; color: #666666; } .feed_friends_h4 { width:140px; height:20px; overflow:hidden; } .feed_friends_a { margin-left: 10px; } .feed_friends_a:link, .feed_friends_a:visited, .feed_friends_more:link, .feed_friends_more:visited { color: #45a5e8; } .feed_friends_a:hover, .feed_friends_more:hover { text-decoration: underline; } .feed_friends_ul { padding: 10px 0; height:212px;width: 960px; } .feed_friends_li { position: relative; height: 80px; width: 230px; margin: 13px 10px 13px 0; display: inline; } .feed_friends_avatar { position: absolute; left: 0; top: 0; height: 80px; } .feed_friends_infor { position: absolute; right: 0; height: 80px; width: 140px;} .feed_friends_name { font-weight: bold; font-size:14px; } .feed_friends_weibo_name { line-height:33px; height:33px; width: 140px;overflow:hidden; color:#666; word-wrap:break-word; word-break:break-all; } .feed_friends_bottom { text-align: center; padding-top: 20px; border-top: 1px solid #e4e4e4; } .feed_friends_more_wrap { display: block; margin-top: 10px; } .feed_friends_slide { width: 960px; height: 232px; overflow: hidden; position:relative; } .feed_friends_close { width: 21px; height: 21px; display:block; position:absolute; right:20px; top:10px; background-position:-116px -253px; } .feed_friends_close:hover { background-position:-116px -278px; } /*活动导航*/ .active_top { width: 1000px; height: 45px; margin: 0 auto; } .acitve_bg { position: relative;width:100%;min-width:1000px;height:0;z-index:3;overflow:hidden;} .active_close { width: 16px; height: 16px; position: absolute; right: 12px; top: 12px; display: block;} .view-more{font-size: 14px;color: #989797;text-align: center;margin-top: 40px} .view-more .loginArea{float: none;margin: 12px auto} .view-more .loginArea a{background-position: -317px -480px} .view-more .loginArea a:hover{background-position: -317px -515px} .view-more .loginArea a.login{background-position: -228px -480px} .view-more .loginArea a.login:hover{background-position: -228px -515px} .view-more .loginArea .goLink{background-position: -260px -563px;height:38px; width: 140px;} .view-more .loginArea .goLink:hover{background-position: -260px -563px;opacity: 0.9;filter:alpha(opacity=90);} .redRect{background: #FFF1F5;display: block;padding: 10px 0;text-decoration: none;text-align: center;color: #666;border: 1px solid #FFC7D5;margin: 10px 0 20px 0;}