/* 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; } 

/**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_contentdedecms .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://www.dede7.com/templets/images/sprite.png) 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);} 




/**页面结构*/ 
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_contentdedecms{width:1000px;margin:0 auto; position: relative;z-index:1;} 
.header_contentdedecms a:link, 
.header_contentdedecms a:visited{color:#fff;text-decoration:none;} 
.header_contentdedecms 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_contentdedecms .myInfo{width:202px;margin-top:15px;position:relative;float: left;} 
.header_contentdedecms .myInfo .myInfo_link{float:left;width:62px;height:40px;margin-left:15px;cursor:pointer;_display:inline;background-position:-94px -210px;position: relative;} .header_contentdedecms .myInfo_link:hover{background-position: -94px -267px;} 
.header_contentdedecms .myInfo .myMsg{position:relative;width:35px;background-position: 3px -57px;margin-left:18px;} 
.header_contentdedecms .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_contentdedecms .myInfo .profile{width:42px;margin:-3px 0 0 20px;background:none;} 
.header_contentdedecms .myInfo .profile i.s{position: absolute;top:14px;right:0;} 
.header_contentdedecms .myInfo .profile img{margin-top:1px;opacity:1;filter:alpha(opacity=100);-webkit-border-radius:3px;border-radius: 3px;} 
.header_contentdedecms .myInfo .profile:hover img{opacity:0.8;filter:alpha(opacity=80)} .myInfo .create .link{position: absolute;width: 62px;height:40px;text-indent: -999em;} .header_contentdedecms .downMenu{position:absolute;width:132px;border-top:none;box-shadow:0 0 5px #666;top:40px;right:0;display: none;} 
.header_contentdedecms .show .downMenu{display:block;color: #fff;} .header_contentdedecms .downMenu a{display:block;background:#272727;padding:7px 15px 7px 22px;*zoom:1;} .header_contentdedecms .downMenu .message{background:#272727; line-height: normal; display: none;overflow: hidden;} 
.header_contentdedecms .downMenu .message p{padding:5px 0 4px 14px;} 
.header_contentdedecms .downMenu .message a{display: inline;background: none;padding: 0 0 0 4px;} .header_contentdedecms .myMsg .downMenu{width: 148px;} 
.header_contentdedecms .downMenu a.cur, 
.header_contentdedecms .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_contentdedecms .notice_label a:link,.header_contentdedecms .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; } 





/*活动导航*/ 

.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;}