.community-two a{color:#333;} .ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr} .ir br{display:none} .hidden{display:none!important;visibility:hidden} .visuallyhidden{border:0;clip:rect(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} .invisible{visibility:hidden} .clear{clear:both} .nf{float:none!important} .fr{float:right!important} .fl{float:left!important} .nb{border-width:0!important} .nbt{border-top-width:0!important} .nbb{border-bottom-width:0!important} .nbr{border-right-width:0!important} .nm{margin:0!important} .nmt{margin-top:0!important} .nmb{margin-bottom:0!important} .nmr{margin-right:0!important} .fixed{position:fixed!important} .error,.notice,.success{margin-bottom:1em;border:2px solid #ddd} .error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4} .notice{background:#FFF6BF;color:#514721;border-color:#FFD324} .success{background:#E6EFC2;color:#264409;border-color:#C6D880} .error a{color:#8a1f11} .notice a{color:#514721} .success a{color:#c90000} .success li,.notice li,.error li{list-style:none;line-height:1.5;margin:0} p.instruct{margin:0;color:#666} span.instruct{margin-left:.5em;color:#666} div.error,div.notice,div.success{font-size:1.2em;font-weight:700;border:0;padding:10px 0 15px 45px;margin:10px 0;text-align:left;vertical-align:middle;color:#333;text-shadow:1px 1px rgba(255,255,255,.9)} div.error{background:url(../images/community/waterfall/icon_error.png) no-repeat left 2px} div.success{background:url(../images/community/waterfall/icon_success.png) no-repeat left 2px} div.notice{background:url(../images/community/waterfall/icon_notice.png) no-repeat left 2px} div.validation-advice ul.error{background:transparent;color:red;border:0} .lg{background-color:#f0eded;background:-moz-linear-gradient(top, #fffcfc, #f0eded);background:-o-linear-gradient( #fffcfc, #f0eded);background:-webkit-linear-gradient( #fffcfc, #f0eded);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded')} a.img{display:block;background-color:#fff} a.img:active{background-color:#221919} a.img img{display:block;margin:0 auto} a.img:hover img,a.img:active img{opacity:.9;filter:alpha(opacity=90)} .light,.light a{color:#ad9c9c} .less{color:#8c7e7e} .less a{color:#333} .less .Report{color:#8C7E7E;float:right;padding:1px} .less .Report:hover{background:#efefef;-moz-border-radius:2px;border-radius:2px} .muted,.muted a{color:#524d4d} .wfx{position:relative;width:940px;margin:0 auto} .wrapper{position:relative;margin:0 auto;border:0;width: 100% !important;height: 100% !important;} .wrapper-960 .wrapper{width:940px;padding:0 10px} #ctx_bar+#waterfall{margin-top:15px} .wt{position:relative;margin:76px auto 20px;padding:0 18px 10px;background-color:#fff;box-shadow:0 1px 3px rgba(34,25,25,.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,.4)} .wt h2{padding:20px 0 15px;font-size:32px;line-height:43px} .wt:after{clear:both;display:block;height:0;content:" ";visibility:hidden} #NewIndicator{top:110px;left:0;width:145px;padding:10px;-moz-transition:left 1s ease-in-out,top .5s ease-in-out;-webkit-transition:left 1s ease-in-out,top .5s ease-in-out} #NewIndicator.off{left:-175px;-moz-transition-duration:250ms;-webkit-transition-duration:250ms} #elevator{right:15px;bottom:-10px;width:40px;padding:20px 10px 30px;-moz-transition:bottom 250ms ease-in-out;-webkit-transition:bottom 250ms ease-in-out} #elevator.off{bottom:-100px;-moz-transition-duration:250ms;-webkit-transition-duration:250ms} .loading{ display:none; /*margin-bottom:15px; padding:15px 0; font-weight:700; border:double rgba(34,25,25,.14); border-width:3px 0 0 0;*/ text-align:center; border-width:30px 0 0 0; border:15px solid #e3e3e1; width: 85%; } .loading img{ display:inline-block; margin-right:6px; position:absolute; margin-top: -12px; } .loading span{ font-size:1.6em; } #MoreGrid{clear:both;display:none;width:237px;margin:0 auto 16px;padding:.7em .825em;text-align:center;text-decoration:none;color:#221919} #MorePeople{display:block;margin-top:10px} .noise{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:url(../images/community/waterfall/noise.png) repeat;opacity:.75} #ctx_bar{position:relative;min-height:24px;margin:10px 0 15px;padding:10px 0 12px;text-shadow:0 1px rgba(255,255,255,.9);border-bottom:1px solid #E5E5E5} #ctx_bar:after{display:block;width:100%;border-bottom:1px solid white;position:absolute;left:0;bottom:-2px;content:""} #ctx_bar.fixed{position:fixed;top:15px;left:15px} #ctx_bar p{margin:4px 0 0;padding:0;font-size:1.8em;line-height:1em;font-weight:300;color:#211922;border-width:0} #ctx_bar p span.hilight{font-size:1em;font-weight:600;float:none;vertical-align:5%} #ctx_bar p span.selected{color:#cb2027} #ctx_bar .bar-links a,#ctx_bar .bar-links span{font-weight:300;font-size:18px;padding-right:10px;margin-right:10px;border-right:1px solid #DDD} #ctx_bar .bar-links a:last-child,#ctx_bar .bar-links span:last-child{border-right:0} #ctx_bar .goodies-tip{position:absolute;right:0;top:10px;height:28px;line-height:28px;background:#FFFEF0;border:1px solid #FFE1A6;border-radius:2px;font-size:14px;padding:0 25px 0 10px;box-shadow:0 1px 1px rgba(0,0,0,.15)} #ctx_bar .goodies-tip a:normal{color:#444} #ctx_bar .goodies-tip .cls{width:16px;height:16px;position:absolute;right:5px;top:6px;background:url(../images/community/waterfall/icon_close.png) 0 0 no-repeat;cursor:pointer} #ctx_bar .goodies-tip .cls:hover{background-position:0 -20px} #ctx_bar .goodies-tip .cls:active{background-position:0 -40px} #category_query{font-size:14px} #category_query ul li.group{border-left:2px solid #c90000;padding-left:10px;margin-bottom:10px} #category_query .subqueries{padding-bottom:15px} #category_query .subqueries a{float:left;color:#444;margin-bottom:8px;margin-right:8px;background-color:#FAFAFA;padding:4px 10px;border:1px solid #ddd;border-radius:2px;box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.03);text-decoration:none} #category_query .subqueries a.active,#category_query .subqueries a:hover{background:#fff;color:#C90000} .top-left-prom{display:block;margin-bottom:20px;position:relative} .top-left-prom .cls{position:absolute;right:0;top:2px;width:12px;height:12px;background:url(../images/community/waterfall/tip_close.png) center -40px no-repeat;display:none} .top-left-prom:hover .cls{display:block} #ctx_bar .right{top:16px} #ctx_bar .promotion{line-height:28px;height:28px;padding:0 10px;max-width:300px;overflow:hidden;color:#D4B67B;background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.1)} #people_search_item{float:right;width:130px;margin-left:10px} #people_search_item input{width:104px;height:18px;font-size:14px} .pin{border-left:#c9c7c8 1px solid;border-bottom:#c9c7c8 1px solid;border-top:#dedcdd 1px solid;border-right:#c9c7c8 1px solid;} .pin,.Board{ position:absolute; width:222px; /*padding:15px 15px 0;*/ padding:0; font-size:12px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); } #waterfall{ position:relative; /*min-height:500px;*/ min-height: 100%; } .wfc{position:absolute;/*left:-200px;*/top:1000px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;margin-bottom:15px;} .wfc .promotion-icon{position:absolute;top:15px;left:-4px;background:url(../images/community/waterfall/icon_promotion.png) no-repeat;height:26px;width:26px} .wfc.promotions{width:222px} .wfc.promotions>div{margin-bottom:15px} .wfc.promotions>div:last-child{margin-bottom:0} .wfc .image-promotions{width:192px;height:310px;padding:15px 15px 16px;position:relative;background:url('../images/community/waterfall/promotions/top_right_ads_bg.gif') top left no-repeat} .wfc .user-promotions,.wfc .reading-promotions{box-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;background-color:#FFF} .wfc .user-promotions h3,.wfc .reading-promotions h3{background-color:#FAFAFA;height:38px;line-height:38px;font-size:14px;padding-left:15px;border-top:1px solid white} .wfc .user-promotions .user,.wfc .reading-promotions .reading-item{border-top:1px solid #F5F2F2;padding:10px 15px 0 15px;zoom:1} .wfc .user-promotions .user a.img,.wfc .reading-promotions img{float:left} .wfc .user-promotions .user a.img,.wfc .user-promotions .user img{width:64px;height:64px} .wfc .user-promotions .user-info{padding-left:74px} .wfc .user-promotions .username,.wfc .reading-promotions h4{font-size:14px;font-weight:700;padding-top:8px} .wfc .reading-promotions h4{font-size:12px;padding-top:2px;padding-left:60px} .wfc .user-promotions .pager,.wfc .reading-promotions .pager,.image-promotions .pager{position:absolute;top:13px;right:13px} .wfc .image-promotions .pager{top:auto;bottom:20px;right:20px} .wfc .user-promotions .pager li, .wfc .reading-promotions .pager li, .wfc .image-promotions .pager li{ display:inline-block; width:12px; height:12px; text-indent:-9999px; margin-right:1px; background:url('../images/community/waterfall/promotions/page.png') 1px 1px no-repeat; cursor:pointer; } .wfc .user-promotions .pager li:hover,.wfc .reading-promotions .pager li:hover,.wfc .image-promotions .pager li:hover{background-position:1px -19px;cursor:pointer} .wfc .user-promotions .pager li.current,.wfc .reading-promotions .pager li.current,.wfc .image-promotions .pager li.current{background-position:1px -19px;cursor:auto} .wfc .user-promotions .meta{padding-top:10px;font-size:12px} .wfc .user-promotions .meta,.wfc .user-promotions .meta a{color:#AD9C9C} .wfc .user-promotions .description,.wfc .reading-promotions .subtitle{clear:both;padding:10px 0;font-size:12px;color:#444} .Board .promotion-icon{top:35px} #waterfall .wft{-webkit-transition:left .3s ease-in-out,top .3s ease-in-out;-moz-transition:left .5s ease-in-out,top .5s ease-in-out;-o-transition:left .3s ease-in-out,top .3s ease-in-out} #waterfall .padding-block{width:230px;background-color:#e8e8e8;box-shadow:inset 0 1px 1px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.6);position:absolute} .pin a.img, .Board a.img{ position:relative; } .pin a.img img, .Board a.img img{ /*max-width:192px;*/ max-width:220px; width:220px; margin:0; } .pin a.long{display:block;position:relative;height:800px;overflow:hidden} .pin .stop{display:block;position:absolute;width:192px;height:20px;left:0;bottom:-1px;background:url(../images/community/waterfall/long_image_shadow.png) no-repeat left top} .pin .video{position:absolute;z-index:1;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px} .pin .commodity{border-bottom:1px solid #ededed;line-height:24px;height:24px;position:relative;text-align:left;padding:10px 15px;margin:0 -15px} .pin .commodity .likes{padding-left:18px;background:url(../images/community/waterfall/like.png) 1px 1px no-repeat} .pin .commodity span.liked{background-position:1px -19px} .pin .commodity .price{line-height:17px;padding:4px 6px;border-radius:2px;color:#C90000;text-decoration:none;display:inline-block;height:17px;background-color:#F2F2F2;background-repeat:no-repeat;float:right} .pin .commodity em.icon{display:inline-block;width:16px;height:16px;margin-left:2px;margin-right:4px;background:url(../images/community/waterfall/store_icons.png) 0 0 no-repeat;vertical-align:top} .pin:hover .commodity em.icon{background-position:0 -50px} .pin .description{ display:block; margin:10px 0 5px; padding-left: 10px; line-height:1.35em; overflow:hidden; word-wrap:break-word; } .convo{ /*margin:0 -15px; padding:10px 15px;*/ padding:3px 15px; background:#FAFAFA; } .convo:after{clear:both;display:block;height:0;content:" ";visibility:hidden} .convo p{margin:0 0 0 36px;overflow:hidden} .convo a.img{float:left;margin-right:6px;width:30px} .convo a.img img{width:30px;height:30px} a.convo{display:block;padding:12px 15px;text-align:center} a.convo:hover{background-color:#f2f0f0} a.convo:active{color:#221919;background-color:#e1dfdf} #waterfall .video-overlay{position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url(../images/community/waterfall/media_video.png) center center no-repeat;z-index:2} .attribution{ color:#999; border-top:1px solid #F5F2F2; background:#FAFAFA; position:relative; } #waterfall .video-icon{position:absolute;left:50%;top:50%;margin:-31px auto auto -36px} .attribution a{color:#444; vertical-align: middle;} .attribution p{ display:table-cell; min-width:190px; height:30px; vertical-align:middle; } .attribution .NoImage{height:auto;margin:0} .comments{margin:0 -15px;padding:0 15px;border-top:1px solid #F5F2F2} #pin_comments div#more_comments{text-align:center;overflow:visible;cursor:pointer;font-size:16px} .comments .comment{border-top:1px solid white;border-bottom:1px solid #EDEDED;overflow:hidden;position:relative} .comments .comment:last-child{border-bottom-width:0} .comments .comment p{width:156px} .comments .comment .replyButton,.attribution .replyButton{display:block;visibility:hidden;position:absolute;right:0;bottom:0;width:26px;height:16px;background:url("../images/community/waterfall/home_comment_act_icon.png") 0 0 no-repeat;cursor:pointer;-webkit-transition:opacity .2s linear;-webkit-transition-property:opacity,right,bottom;opacity:0} .comments .comment .replyButton:hover,.attribution .replyButton:hover{background-position:0 -20px} .comments .comment .replyButton:active,.attribution .replyButton:active{background-position:0 -40px} .comments .comment:hover .replyButton,.attribution:hover .replyButton{visibility:visible;opacity:1;right:0;bottom:0} .write{border-top:1px solid #d9d4d4;box-shadow:inset 0 1px #fcfafa;-moz-box-shadow:inset 0 1px #fcfafa;-webkit-box-shadow:inset 0 1px #fcfafa} .write form{position:relative;height:34px} .write textarea{width:147px;height:23px;padding:4px 40px 3px 3px;font-size:12px;line-height:1.1em;border:1px solid #DDD;position:absolute;right:0;top:-1px;overflow:hidden;background:#F5F5F5;-webkit-transition:width .25s ease-in-out;-moz-transition:width .25s ease-in-out;transition:width .25s ease-in-out} .write textarea.comment-with-avatar{width:111px;background:#fff} @-webkit-keyframes waitThenShow{0%{ opacity:0} 50%{opacity:0} 100%{opacity:1} } @-moz-keyframes waitThenShow{0%{ opacity:0} 50%{opacity:0} 100%{opacity:1} } .write a.img{height:0;width:0;visibility:hidden} .write a.comment-avatar-show{-webkit-animation-name:waitThenShow;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:waitThenShow;-moz-animation-duration:.5s;-moz-animation-timing-function:ease-in-out;opacity:1;height:30px;width:30px;visibility:visible} .write .grid_comment_button{width:30px;height:30px;position:absolute;top:0;right:5px;cursor:pointer;background:url("../images/community/waterfall/comment_button.png?new.png") right 4px no-repeat transparent} .write .grid_comment_button:hover,.write .grid_comment_button:active,.write:hover .grid_comment_button{background-position:right -26px} .sortable{display:block;margin-left:-15px!important;zoom:1} .sortable li{position:relative;float:left;margin:0 0 15px 15px} .dragable li div.draglay{opacity:.7;filter:alpha(opacity=30);position:absolute;left:0;top:0;background:#FFF;z-index:9;width:222px;height:278px} .dragable li,.dragable li div,.dragable li a{cursor:move} #boards_sort_cancel{margin-right:5px} .user a.img{display:block;height:192px;background-color:#f2f0f0;overflow:hidden} .user a.img img{display:block;width:192px;margin:0 auto} .user h2{display:block;height:18px;font-size:18px;line-height:1em;font-weight:300;padding:10px 0 5px;white-space:nowrap;overflow:hidden} .user .location{height:17px;margin-bottom:8px;font-size:13px;white-space:nowrap;overflow:hidden} .pin .left{left:6px} .pin .right{right:5px} .feed{width:192px;margin:0;padding:15px 15px 0;overflow:visible} .feed .section{margin-bottom:30px} .feed h2{font-size:13px;font-weight:300;border-bottom:1px solid #e1dfdf} .feed .story{clear:both;position:relative;display:block;padding:10px 0;margin-left:-15px;padding:10px 35px 0 15px;width:100%;font-size:12px;float:left;font-weight:400;color:#221919} .feed .story .hidden{display:none} .feed .story .times{display:block;color:#cb2027;position:absolute;z-index:10;text-align:center;width:20px;font-size:14px;left:225px;top:-5px} .feed .story .overlay{width:20px;height:20px;background:#FFF;position:absolute;top:-5px;left:225px;z-index:5} .feed .story:hover .overlay,.feed .story .overlay:hover{opacity:1} a.remove_activity_rec:hover,a.remove_activity_invite:hover{text-decoration:none!important} .feed .story .profile img{float:left;width:30px;height:30px;margin-right:6px} .feed .story .profile span{float:left;width:92px} .feed a.story{margin:0 -15px;padding:5px 15px;overflow:hidden} .feed a.story:last-child{padding-bottom:15px} .feed .all{width:100%;float:left;margin:10px 0 20px} .feed .story .timeago{display:block;color:#8c7e7e} .feed .story .remove{position:absolute;top:14px;left:-16px;display:none;padding:3px;border:1px solid transparent;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} .feed .story:hover .remove{display:block} .feed .story .remove:hover{background-color:#fff;border-color:#ccc} .FirstThree{max-height:126px;overflow:visible} #recent_activity_holder{margin-bottom:0} #recent_activity_holder h2{margin-bottom:5px} #huaban img{margin-top:6px} #huaban{position:absolute;left:50%;margin-left:-40px} #header{position:relative;z-index:99997;height:38px;border-bottom:1px solid #e0dede;background-color:#f7f7f7;background:url(../images/community/waterfall/header_bg.png) 0 0 repeat-x;background:linear-gradient(#fff, #f7f6f5);background:-moz-linear-gradient(#fff, #f7f6f5);background:-o-linear-gradient(#fff, #f7f6f5);background:-webkit-linear-gradient(#fff, #f7f6f5);box-shadow:0 -1px 0 #fefcfc inset,0 0 4px rgba(0,0,0,.15);-moz-shadow:0 -1px 0 #fefcfc inset,0 0 4px rgba(0,0,0,.15);-webkit-shadow:0 -1px 0 #fefcfc inset,0 0 4px rgba(0,0,0,.15)} #menu_bar{position:absolute;right:0;top:0;padding-top:6px} #menu{position:relative;float:right;z-index:105} #menu .nav{display:inline-block;position:relative;color:#524d4d;width:20px;height:0;padding:30px 5px 0 10px;margin-left:10px;text-shadow:0 1px rgba(255,255,255,1);overflow:hidden;background:url(../images/community/waterfall/sprite_nav.png?v2.png) no-repeat left top} #menu #nav_user .nav{width:26px;background:transparent} #menu #nav_user .tools{background:url("../images/community/waterfall/header_sprite.png") 7px -236px no-repeat} #menu .nav em{position:absolute;top:11px;right:5px;width:7px;height:6px;background-image:url(../images/community/waterfall/sprite_nav.png?v2.png);background-position:-6px -9px;background-repeat:no-repeat} #menu .nav:hover em,#menu .nav:active em{background-position:-6px -39px} #menu li:hover .nav{color:#221919} #menu .beforeDivider a{padding-bottom:10px} #menu #nav_add .nav{width:12px;background:url(../images/community/waterfall/main_menu_sprite.png?v3.png) -80px -170px no-repeat} #menu #nav_add .nav:hover{background-position:-80px -210px} #menu #nav_add .nav:active{background-position:-80px -250px} #menu #nav_add.blink .nav{width:43px;background-position:0 -210px} #menu #nav_add.blink .nav:hover{background-position:0 -210px} #menu #nav_add.blink .nav:active{background-position:0 -250px} #menu #nav_add span{display:none} #menu #nav_add.blink span{display:block;position:absolute;right:7px;top:1px;font-size:14px;height:25px;line-height:25px;color:#fff;text-shadow:0 1px 1px rgba(255,255,255,.7)} #menu #nav_user img{position:absolute;top:3px;left:0;width:20px;height:20px;border-radius:2px} #menu #nav_about ul{width:110px} #menu #nav_mobile ul{left:auto;right:-1px;width:110px} #search{float:left;margin:0 10px 0} #search input{float:left;font-size:13px;width:105px;height:16px;padding:4px;background-color:#fafafa;border:1px solid;border-color:#c2c0c0 #cccaca #d1cfcf;border-radius:4px 0 0 4px;box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.05);-moz-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.05);-webkit-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.05)} #search input:focus{background-color:#fff;box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1);-moz-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1);-webkit-box-shadow:0 1px #fff,inset 0 1px rgba(34,25,25,.1)} #search a,#search input[type="submit"]{float:left;display:block;width:25px;height:24px;margin-left:-1px;border:1px solid;border-radius:0 4px 4px 0;border-color:#c2c0c0 #cccaca #d1cfcf;background:#fcfcfc;background:-moz-linear-gradient( #fcfcfc, #f5f2f2);background:-o-linear-gradient( #fcfcfc, #f5f2f2);background:-webkit-linear-gradient( #fcfcfc, #f5f2f2);background-image:url(../images/community/waterfall/sprite_nav.png?v2.png);background-repeat:no-repeat;background-position:-26px 3px;box-shadow:0 1px rgba(255,255,255,.9),inset 0 0 2px rgba(255,255,255,.75);-moz-box-shadow:0 1px rgba(255,255,255,.9),inset 0 0 2px rgba(255,255,255,.75);-webkit-box-shadow:0 1px rgba(255,255,255,.9),inset 0 0 2px rgba(255,255,255,.75)} #search a:active{background-position:-26px -26px;box-shadow:inset 0 1px 1px rgba(34,29,29,.15);-moz-box-shadow:inset 0 1px 1px rgba(34,29,29,.15);-webkit-box-shadow:inset 0 1px 1px rgba(34,29,29,.15)} #invite_friends{margin:9px 10px 0 0;padding:4px 10px} #find_friends{float:left;margin-top:5px;padding:4px 10px;visibility:hidden} .sheet{position:relative;width:840px;margin:auto;padding:0;box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);background-color:#fff9e2;background:url("../images/community/waterfall/tips_bg.gif") 0 0 repeat;border-bottom:2px solid #efebda;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px} .sheet a.close{display:block;position:absolute;width:20px;height:20px;right:5px;top:5px;background:url(../images/community/waterfall/sheet_close.gif) no-repeat 0 0} .sheet a:hover.close{background-position:0 -30px} .sheet a:active.close{background-position:0 -60px} .sheet .head{padding:20px 15px;border-bottom:1px solid #f6f4ee} .sheet .head h2{padding:0;font-size:18px;font-weight:400;color:#444;text-align:center} .sheet .body{padding:10px 15px;border-top:1px solid #fff} .sheet .body h5{margin-bottom:14px;font-size:14px;font-weight:700;color:#444} .sheet .body .buttons{border-top:1px solid #f6f4ee} .sheet .body .buttons .inner{padding:10px 0;border-top:1px solid #fff} .sheet .body .buttons a{float:right;margin-left:10px} #unauth_callout .sheet{width:810px} #intro{padding:10px 15px;height:58px;font-size:16px;font-family:"微软雅黑","helvetica neue",arial,sans-serif} #browser_notice_callout{z-index:999} #user_sc_callout .callout,#browser_notice_callout .callout{padding:20px;font-size:14px} #browser_notice_callout .chrome{display:block;position:absolute;right:60px;top:30px;font-size:18px;padding-left:26px;line-height:24px;background:url("../images/community/waterfall/icon_chrome.gif") 0 -1px no-repeat} .sheet span.close,#browser_notice_callout span.close{position:absolute;top:2px;right:2px;display:block;width:20px;height:20px;background:url(../images/community/waterfall/close_callout.gif) left top no-repeat;cursor:pointer} .sheet span.close:hover,#browser_notice_callout span.close:hover{background-position:0 -30px} .sheet span.close:active,#browser_notice_callout span.close:active{background-position:0 -60px} #user_sc_callout .sheet h3{padding-left:30px;background:url(../images/community/waterfall/icon_check_24w.png) left center no-repeat} #user_sc_callout .sheet h3 a{margin-left:45px;color:#C90000} #sheet .sheet{width:850px} #sheet{position:fixed;top:39px;left:50%;margin-left:-425px;z-index:99996} #sheet.comment-captcha{margin-left:-265px} #sheet_comment_captcha.sheet{width:430px;padding:16px 60px} #sheet_comment_captcha.sheet .body{background:url('../images/community/waterfall/icon_notice.png') left 4px no-repeat;border:0;padding:0 0 0 52px} #sheet_comment_captcha.sheet h3{color:#444;font-size:14px;font-weight:400;margin-bottom:13px} #sheet_comment_captcha.sheet a{color:#C90000;text-decoration:underline} #sheet_comment_captcha .captcha,#sheet_comment_captcha .clear-input{vertical-align:top} #sheet_comment_captcha .clear-input{width:130px} #sheet_comment_captcha .buttons{margin:13px -60px 0 -112px;padding:10px 60px 0 112px} #sheet_comment_captcha button{font-size:14px;line-height:16px;width:70px;margin-right:10px} #sheet_comment_captcha .captcha{margin-left:10px;display:inline-block;height:30px;border:1px solid #E8E8E8} #sheet_comment_captcha .reload{margin-left:10px;line-height:33px} #report_callout .content{text-align:center;margin-top:15px} #report_callout .sign{width:40px;height:40px;background-image:url("../images/community/waterfall/icon_success.png");display:inline-block} #report_callout .words{display:inline-block;padding-left:10px;font-size:20px;color:#444;position:relative;top:-12px} #report_callout .sheet{width:810px} #report_callout .intro{padding:10px 15px;height:73px;font-size:16px;font-family:"微软雅黑","helvetica neue",arial,sans-serif} #chrome_callout span{display:block;padding-left:8px;padding-top:8px;font-size:16px;color:#444;line-height:23px} #chrome_callout .second{padding-top:5px} #chrome_callout .sheet{width:810px} #chrome_callout .intro{padding:10px 15px;height:60px;font-size:16px;font-family:"微软雅黑","helvetica neue",arial,sans-serif} #chrome_callout .install-extension{position:absolute;right:50px;top:25px} #favorites_callout span{display:block;padding-left:8px;font-size:14px;color:#777} #favorites_callout .hi{padding-top:15px} #favorites_callout .favorite-notice{position:absolute;bottom:20px} #favorites_callout .sheet{width:810px} #favorites_callout .intro{padding:10px 15px;height:73px;font-size:16px;font-family:"微软雅黑","helvetica neue",arial,sans-serif} #ctrl_d,#command_d{width:232px;height:67px;position:absolute;bottom:12px;right:35px} #ctrl_d{background:url(../images/community/waterfall/ctrl.png) left top no-repeat} #command_d{background:url(../images/community/waterfall/command.png) left top no-repeat} #command_d span,#ctrl_d span{position:absolute;bottom:7px;left:4px} #unauth_callout .unauth-btns{float:right;margin-top:12px} #unauth_callout .unauth-connect{float:right;margin-top:5px;padding-top:5px} #unauth_callout .unauth-connect{width:130px;height:50px;border-left:1px solid #E5E5E5;margin-left:5px;padding-left:15px} #unauth_callout .unauth-connect h5{font-size:12px;margin-bottom:5px;color:#999} #unauth_callout .unauth-connect a{display:block;float:left;width:20px;height:20px;background:url(../images/community/waterfall/icon_login.png) left top no-repeat;text-indent:-999999px;margin-right:10px} #unauth_callout .unauth-connect a:hover{background-position:left -30px} #unauth_callout .unauth-connect a.renren{background-position:-30px 0} #unauth_callout .unauth-connect a.renren:hover{background-position:-30px -30px} #unauth_callout .unauth-connect a.douban{background-position:-60px 0} #unauth_callout .unauth-connect a.douban:hover{background-position:-60px -30px} #unauth_callout .unauth-connect a.qzone{background-position:-90px 0} #unauth_callout .unauth-connect a.qzone:hover{background-position:-90px -30px} #intro h2{font-size:24px;line-height:35px;padding:0;font-weight:400;background:0;clear:none;margin:0;height:auto} #category_callout .callout{font-size:18px;padding:10px 15px} #category_callout .CategoryPicker{width:200px} #category_callout .BoardList{width:236px} #category_callout .form{float:left} #category_callout .form p{padding:6px;float:left;margin:0} #category_callout .picker,#category_callout .Submit{float:left;margin-right:10px} #category_callout .BoardPicker{margin-bottom:0} #category_callout .success,#channel_callout .success{padding:10px 0 10px 55px;margin:0} #channel_callout .success p{line-height:30px;margin:0} #channel_callout div.success{background-position:left 6px} .category a{font-size:14px;display:inline-block;margin:0 8px 8px 0;padding:4px 10px;border:1px solid #BFBFBF;color:#999;background-color:#F7F7F7;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px #FFF,0 1px 1px rgba(0,0,0,.1)} .category a:hover{color:#444;background-color:#fff;text-decoration:none} .category a.selected{color:#C90000;background-color:#fff;text-decoration:none} .category a.web_captures span{padding-left:20px;background:url(../images/community/waterfall/channel_capture.png) no-repeat center left} .category a.videos span{padding-left:20px;background:url(../images/community/waterfall/channel_video.png) no-repeat center left} .category a.taomm span{padding-left:20px;background:url(../images/community/waterfall/channel_taomm.png) no-repeat center left} .category a.chrome_crx_ad{display:block;height:125px;width:172px;margin:0 15px 10px 15px;text-indent:-9999px;background:url(../images/community/waterfall/chrome_crx_ad.jpg) no-repeat -202px 0;border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} .category a.chrome_crx_ad:hover{background-position:0 0} .category{padding:0!important;width:222px} .category .cats{padding:10px 10px 5px 10px;border-bottom:1px solid #f5f2f2} .category .last.cats{border-bottom:0!important} .video-category{padding:15px} .video-category a.current,.video-category a:hover{background-color:#F2F2F2;border-color:#DDD;color:#C90000} .video-category a.youku{width:56px;background-image:url('../images/community/waterfall/icon_youku.png');background-position:4px center;background-repeat:no-repeat;margin-left:10px;padding-left:23px;padding-right:8px} #board_nav_bar{margin:15px 0} #BoardTitle{text-shadow:0 1px rgba(255,255,255,.9)} #BoardTitle h1{color:#333;font-size:20px;margin:0;padding:5px 0 5px 30px;border-bottom:1px solid #e5e5e5;height:31px;line-height:31px} #BoardTitle h1 em{position:absolute;display:block;top:7px;left:0;height:30px;width:30px;background:url(../images/community/waterfall/sprite_nav.png?v2.png) no-repeat 0 -238px} #BoardTitle h1 .stats{color:#999;font-size:12px;font-weight:400;margin-left:15px} #BoardTitle #curator{display:none;margin:7px 0 14px;font-size:14px;line-height:14px} #BoardTitle #curator a{color:#221919;text-transform:uppercase} #BoardDescription{margin:0;padding:0 0 20px;font-size:14px;color:#524d4d} #user_feeds,#BoardMeta{padding:15px} #user_feeds h3,#BoardMeta h3{color:#999;font-size:15px;font-weight:400;margin:15px 0 7px 0;clear:both;word-wrap:break-word} #BoardMeta h3 span{padding-left:5px;color:#bbb;font-size:12px} #BoardMeta h3 a{color:#bbb;text-decoration:none} #BoardMeta h3 a:hover{color:#CB2027} #BoardMeta p.board-description{word-wrap:break-word;color:#555;max-height:200px;overflow:hidden} #BoardMeta .board-category{background:#F9F9F9;box-shadow:0 1px #FFF inset,0 0 1px rgba(34,25,25,.1);border-radius:5px;border:1px solid #DDD;padding:5px;color:#999;margin:0 0 .8em;display:block;text-decoration:none} #BoardMeta .more{clear:both;float:right;margin-right:13px} #BoardUser{height:80px} #BoardUser img{float:left;margin-right:10px} #BoardUsers a.img{float:left;width:32px;height:32px;margin:0 5px 5px 0} #BoardUsers img{width:32px;height:32px} #BoardUserName{float:left;margin-top:10px;text-align:left;font-size:13px} #BoardButton{position:absolute;top:6px;right:0;z-index:1} #BoardButton .share{width:180px;left:-70px} #BoardButton .share::before{top:-9px;right:97px} #BoardButton .share .pointer{top:-9px;right:97px} #BoardButton .share label{margin-top:0;text-shadow:none} #board_share_unit{float:right;padding-left:0;padding-right:0} #board_share_unit strong{width:39px;padding:0 22px 0 30px;background:url("../images/community/waterfall/board_share_sprite.png?1.png") 10px 1px no-repeat} #board_share_unit strong:hover{background-position:10px -39px} #board_share_unit strong:active{background-position:10px -79px} #board_share_unit ul{position:absolute;top:26px;right:-1px;z-index:3;width:91px;background-color:#fff;border:1px solid #CCCACA;box-shadow:0 1px 0 rgba(0,0,0,.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);visibility:hidden} #board_share_unit:hover ul{visibility:visible} #board_share_unit ul li{height:30px;line-height:30px;background:url("../images/community/waterfall/board_share_sprite.png?1.png") -58px -100px no-repeat;cursor:pointer;display:block;padding-left:34px;text-align:left} #board_share_unit ul li:hover{background-color:#E1DFDF} #board_share_unit ul li.douban{background-position:-58px -129px} #board_share_unit ul li.qzone{background-position:-58px -158px} #board_share_unit ul li.tqq{background-position:-83px -20px} #board_share_unit ul li.renren{background-position:-83px 5px} #board_share_unit ul li.qfriends{background-position:-83px -55px} #BoardBoards a,.PinRepinStory a.stats{color:#999;display:block;border:1px solid #ddd;padding:6px 8px;margin-bottom:5px;font-weight:400;overflow:hidden;background-color:#f9f9f9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0 1px #fff,0 0 1px rgba(34,25,25,.1);-moz-box-shadow:inset 0 1px #fff,0 0 1px rgba(34,25,25,.1);-webkit-box-shadow:inset 0 1px #fff,0 0 1px rgba(34,25,25,.1)} #BoardBoards a:hover,.PinRepinStory a.stats:hover{color:#666;text-decoration:none;background-color:#fff} #BoardBoards a .stats{border-left:1px solid #DDD;display:block;float:right;margin:-5px 0 -5px 5px;padding:6px 5px;text-align:center;width:20px} .profile #ctx_bar{margin-top:20px;margin-left:237px;border-bottom:3px double rgba(34,25,25,.1);padding-bottom:8px} .profile .search-status{margin-left:237px;font-size:16px;padding:0} .profile #ctx_bar .bar-links{height:28px;margin:0} .profile #waterfall{margin-top:15px;margin-left:237px} .profile .Board{position:static} #ProfileSidebar{float:left;width:192px;padding:15px;text-shadow:0 1px rgba(255,255,255,.9);background-color:#fff;box-shadow:0 1px 3px rgba(34,25,25,.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,.4)} #ProfileSidebar h1{margin:0 0 7px;font-size:22px;font-weight:300;word-wrap:break-word} #ProfileImage{margin:15px 0} #ProfileImage img{display:block;max-width:100%} #ProfileSidebar p{margin:0 0 4px;font-size:12px;word-wrap:break-word} #ProfileSidebar p:last-child{margin-bottom:0} #ProfileSidebar .stats{font-size:15px} #ProfileSidebar .stats a{margin-right:10px} #ProfileSidebar .stats span{font-size:16px;padding:0 3px} #ProfileLinks{clear:both;margin-top:8px;margin-bottom:15px;overflow:hidden} #ProfileLinks li{display:inline-block} #ProfileLinks a{float:left;width:28px;height:28px;margin-right:8px;padding:0;text-align:center} #ProfileLinks li:last-child a{margin-right:0} #ProfileLinks a img{margin-top:5px} #ProfileLinks a:active{box-shadow:inset 0 1px 2px rgba(34,25,25,.25),0 0 4px rgba(235,82,82,.35);-moz-box-shadow:inset 0 1px 2px rgba(34,25,25,.25),0 0 4px rgba(235,82,82,.35);-webkit-box-shadow:inset 0 1px 2px rgba(34,25,25,.25),0 0 4px rgba(235,82,82,.35)} #ProfileSidebar .pin{position:static;width:auto;margin-top:15px;padding:0;font-size:13px} .activity{margin:0 -15px;padding:5px 15px;border-top:1px solid #e1dfdf} .activity li{display:block;margin:0 -15px;padding:10px 15px;font-size:12px;color:#8c7e7e;overflow:hidden} .activity li img{float:left;height:38px;width:38px;margin-right:6px} #user_feeds .activity{border-top:0} #profile_edit #current_avatar{max-width:250px;max-height:250px;border:12px solid #fff;box-shadow:0 1px 1px rgba(34,25,25,.4);-moz-box-shadow:0 1px 1px rgba(34,25,25,.4);-webkit-box-shadow:0 1px 1px rgba(34,25,25,.4)} .current_avatar_wrapper{position:relative} .current_avatar_wrapper img.load{position:absolute;z-index:10;top:50%;left:50%;display:none} .CategoryPicker{margin-bottom:0;width:337px} .CategoryPicker .BoardList{width:374px;height:300px;padding-bottom:0} .CategoryPicker .BoardList li{width:320px} #invite_response{background:#FFA;padding:12px 20px 10px;float:left;margin-bottom:10px;width:429px;margin-top:-10px;color:#2A1919;font-size:18px;display:none} #pin_edit_form{float:left;width:614px} #pin_edit_img{float:right;position:static;margin-top:85px} #pin_edit_form textarea{min-height:3.95em;line-height:1.3em} #pin_edit_form select,#pin_edit_form option{font-size:18px} .pin.editPinBox{position:static;float:right;margin:93px 0 0 16px} #pin_edit_form .BoardPicker{margin-bottom:0;width:337px} #pin_edit_form .BoardList{width:374px} #pin_edit_form .BoardList li{width:320px} #pin_edit_form .CreateBoard{width:358px} #pin_edit_form .CreateBoard input{width:265px} #Profile{position:relative} #Profile .profile-basic{height:54px;margin-bottom:15px;line-height:30px;position:relative;background:#FAFAFA} #Profile .profile-basic a.img{display:block;width:54px;height:54px;position:absolute;top:0;left:0;text-indent:-9999px} #Profile .profile-basic a.userlink{display:block;font-size:16px;font-weight:700;height:54px;line-height:54px;overflow:hidden;white-space:nowrap;position:absolute;left:64px;top:0} #Profile .profile-basic a.settings{display:block;width:35px;height:54px;position:absolute;top:0;right:0;background:url(../images/community/waterfall/topic/icon_setting.png) 10px 20px no-repeat #F5F5F5;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear} #Profile .profile-basic a.settings:hover{background-position:10px -20px} #Profile .profile-basic a.settings:active{background-position:10px -60px} #Profile:hover .profile-basic a.settings{opacity:1} #Profile .profile-stats,#Profile .profile-acts{margin-left:-15px;margin-right:-15px;padding:6px 15px} #Profile .profile-stats{height:50px;padding:0;border-top:1px solid #F5F2F2;border-bottom:1px solid #F5F2F2;border-width:1px 0;background:#FFF} #Profile .profile-stats a{float:left;padding:5px 10px;font-size:12px;width:53px;height:40px;text-align:center;color:#999;text-decoration:none} #Profile .profile-stats a.middle{border-left:1px solid #F5F2F2;border-right:1px solid #F5F2F2;width:54px} #Profile .profile-stats a strong{font-size:16px;display:block;color:#000;margin-bottom:4px} #Profile .profile-stats a:hover{background-color:#FAFAFA;color:#AAA} #Profile .profile-stats a:hover strong{color:#222} #Profile .followed-tags{padding:15px 0} #Profile .followed-tags h3{font-weight:400;font-size:12px;margin-bottom:10px;color:#777} #Profile .followed-tags .tag{padding:2px 8px;background:#FAFAFA;border:1px solid #EDEDED;color:#777;border-radius:3px;text-decoration:none;display:block;float:left;margin:0 5px 5px 0} #Profile .followed-tags .tag:hover{background:#fff;border-color:#DDD;color:#C90000} #Profile .followed-tags .tag:active{background:#F7F7F7} #Profile .suggestion{position:relative;border-bottom:1px solid #F5F2F2} #Profile .suggestion a{display:block} #Profile .suggestion .userlink{font-size:12px;color:#221919;margin-bottom:10px;width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #Profile .suggestion span.txt{font-size:12px;color:#999;padding-left:4px;width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #Profile .suggestion span.icon{display:block;width:16px;height:16px;float:left;margin-left:50px;background:url(../images/community/waterfall/icons_social_gray.png) no-repeat} #Profile .suggestion span.weibo{background-position:-30px 0} #Profile .suggestion span.douban{background-position:0 0} #Profile .suggestion span.tqq{background-position:-60px 0} #Profile .suggestion span.renren{background-position:-90px 0} #Profile .suggestion a.img{position:absolute;width:40px;height:40px} #Profile .suggestion a.img img{width:40px;height:40px} #Profile .suggestion .txt{display:block;margin-left:50px} #Profile a.mute{display:block;visibility:hidden;position:absolute;top:0;right:0;width:16px;height:16px;opacity:0;cursor:pointer;background:url(../images/community/waterfall/icon_remove.png) no-repeat;-webkit-transition:opacity .2s linear;-webkit-transition-property:opacity,right,bottom} #Profile a.mute:hover{background-position:0 center} #Profile a.mute:active{background-position:0 bottom} #Profile .suggestion:hover a.mute{visibility:visible;opacity:1;right:0;bottom:0} #Profile .all-friends{color:#999;border-bottom:1px solid #F5F2F2;position:relative} #Profile .all-friends a{display:block;position:absolute;top:10px;right:15px} #Profile .profile-acts{clear:both;height:31px;padding:10px 15px 16px;border-top:1px solid white} #Profile .profile-acts .links{padding-right:5px} #Profile .profile-acts .links strong{line-height:22px} #Profile .profile-acts .links a{line-height:21px;display:block;padding:3px 7px} #Profile .profile-acts .links a em{display:block;margin-top:3px;float:right;height:16px;width:65px;background:url(../images/community/waterfall/icon_find_btn.png) no-repeat 0 0} #Profile .profile-acts .links a:hover em{background-position:0 -30px} #Profile .profile-acts .add{float:left;height:31px;width:30px;text-indent:-9999px;background:url(../images/community/waterfall/sprite_nav.png?v2.png) no-repeat 0 -120px;margin-top:3px} #Profile .profile-acts .add:hover{background-position:0 -160px} #Profile .profile-acts .add:active{background-position:0 -200px} #people_interesting{position:relative;margin:20px auto 32px;padding:0 18px 10px;background-color:#fff;box-shadow:0 1px 3px rgba(34,25,25,.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,.4)} #people_interesting h2{padding:20px 0 15px;font-size:25px;line-height:43px} #PeopleList a.load-more,.promote-user-list a.load-more{margin-top:10px;font-size:18px;font-weight:300;text-align:center;display:block} .person{clear:both;padding:10px;border-top:1px solid #F5F2F2;overflow:hidden} .person:nth-child(odd){background-color:#FAFAFA} .person:nth-child(even){background-color:#FFF} .PersonPins{float:right} .PersonPins a{float:right;width:50px;height:50px;margin-left:5px} .PersonPins img{display:block;width:100%;height:100%} .PersonImage{float:left;width:50px;height:50px;margin-right:8px} .PersonImage img{width:100%;height:100%} .PersonIdentity{float:left;width:215px;margin:0;font-size:15px;line-height:1.15em} .PersonIdentity a{display:block;margin:5px 0 2px} .PersonIdentity span{display:block;font-weight:300} #PeopleSidebar{position:fixed;z-index:0;top:153px;left:50%;width:190px;margin-left:-615px} #PeopleSidebar li{display:inline} #PeopleSidebar a{display:block;padding:3px 0;font-size:15px;font-weight:300;text-shadow:0 1px rgba(255,255,255,1)} #PeopleSidebar .selected{color:#cb2027;text-decoration:underline} .ModalContainer{display:none} .overlay,.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.93);z-index:99998} .sheet-overlay{z-index:99995} #page_overlay{background:rgba(246,244,245,.84)} .no-rgba #page_overlay{background:#f6f4f5;opacity:.8;filter:alpha(opacity="80")} .wide{width:550px;margin-left:-275px} .thin{width:360px;margin-left:-180px} .Form li{display:block;margin-bottom:18px;font-size:21px;font-weight:300} .Form input[type=text],.Form input[type=password],.Form textarea{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;padding:6px 12px;font-size:18px;font-weight:300;line-height:1.4;color:#221919;background:#fff;border:1px solid #a4a2a2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-transition:all .08s ease-in-out;-moz-transition:all .08s ease-in-out} .Form textarea{min-height:90px} .Form label{display:inline-block;line-height:1.4em;font-size:18px} .Form input[type=radio]{float:left;margin-right:8px;border:0} .Form .Right ul li label span{font-size:18px;float:left} .Form .Right ul li label input[type=radio]{margin-top:3px} .Form .Right ul li:first-child label span{padding-left:25px;height:19px;line-height:1.1;background:url(../images/community/waterfall/collaborative-icons.png) 0 0 no-repeat;margin-right:30px} .Form .Right ul li.last-child label span{padding-left:45px;height:19px;line-height:1.1;background:url(../images/community/waterfall/collaborative-icons.png) 0 -19px no-repeat} .Form input[type=text]:focus,.Form input[type=password]:focus,.Form textarea:focus{border-color:#930;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35)} .FancyForm li,.FancyForm li .input{position:relative} .FancyForm input[type=text],.FancyForm input[type=password],.FancyForm textarea{position:relative;z-index:3;display:block;width:100%;background:transparent;border:1px solid #a4a2a2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-transition:all .08s ease-in-out;-moz-transition:all .08s ease-in-out} .FancyForm textarea{min-height:3.95em;line-height:1.3} .FancyForm #Boards input{width:410px;padding:13px 39px 8px 14px} .FancyForm label{position:absolute;z-index:2;top:9px;left:13px;display:block;color:#BCBCBC;cursor:text;-moz-user-select:none;-webkit-user-select:none;-moz-transition:all .16s ease-in-out;-webkit-transition:all .16s ease-in-out} .FancyForm .fff{position:absolute;z-index:1;top:0;right:0;left:3px;bottom:0;background-color:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px} .FancyForm .helper{position:absolute;right:-194px;bottom:14px;width:180px;font-size:13px;line-height:15px} .FancyForm input[type=text]:focus+label,.FancyForm input[type=password]:focus+label,.FancyForm textarea:focus+label{opacity:.5;filter:alpha(opacity="50")} .FancyForm .val label{left:-9999px;opacity:0!important;filter:alpha(opacity="0")!important} .FancyForm .pin-desc{position:relative;z-index:3;display:block;background:transparent;border:1px solid #a4a2a2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);-webkit-transition:all .08s ease-in-out;-moz-transition:all .08s ease-in-out;min-height:98px} .FancyForm .pin-desc textarea{border:0;min-height:68px;position:absolute;top:0;left:0} .FancyForm .pin-desc .tag-tip{font-size:12px;color:#BCBCBC;bottom:0;left:0;position:absolute;z-index:3;width:100%;height:25px;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .FancyForm .pin-desc .tag-tip span{padding:0 10px 10px} .FancyForm .pin-desc .tag-prompt{font-size:12px;color:#BCBCBC;bottom:0;left:0;position:absolute;z-index:3;background-color:#fafafa;width:100%;height:29px;border-top:1px solid #ddd;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden;text-overflow:ellipsis} .FancyForm .pin-desc .tag-prompt span{float:left;line-height:18px;margin-top:5px;margin-left:10px} .FancyForm .pin-desc .tag-prompt div a{float:left;font-size:12px;margin:5px 0 100px 5px;height:18px;border:1px solid #ddd;color:#999;box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.05);line-height:18px;cursor:pointer;padding:0 5px;text-decoration:none;display:block;max-width:52px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .FancyForm .pin-desc .tag-prompt div a:hover{color:#c90000;background-color:#fff} .FancyForm .pin-desc .tag-prompt div a.selected{color:#bcbcbc;box-shadow:inset 0 1px 0 #fff} .FancyForm .pin-desc .tag-prompt div a.selected:hover{color:#C90000;background-color:#fff} .StaticForm{margin:36px 0;font-size:13px} .StaticForm h3{padding:0 0 18px;font-size:28px;line-height:1.1em;font-weight:700;color:#524d4d;text-shadow:0 1px rgba(255,255,255,.9);border-bottom:3px double rgba(34,25,25,.1)} .StaticForm h3 a{font-weight:300} .StaticForm li{clear:both;margin:0;padding:15px 0;color:#8c7e7e;text-shadow:0 1px rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(34,25,25,.1);float:left;width:100%} .StaticForm li:last-child{border-bottom:3px double rgba(34,25,25,.1)} .StaticForm li:after{clear:both;display:block;height:0;content:" ";visibility:hidden} .StaticForm label{float:left;width:150px;padding-top:7px;vertical-align:top} .StaticForm label.radio{padding-top:24px} .StaticForm .ButtonLabel{padding-top:15px} .StaticForm .Left{width:150px;float:left} .StaticForm .Right{float:left} .StaticForm .Right li{border-width:0} .StaticForm .Right label{float:none;display:block;width:auto;padding:4px 0;font-size:18px;border-width:0;cursor:pointer} .StaticForm .NoInput{padding:6px 0} .StaticForm input[type=text],.StaticForm input[type=password],.StaticForm textarea{min-width:375px} .StaticForm input[type=checkbox]{vertical-align:25%} .StaticForm .help_text{display:inline-block;margin-left:6px;font-size:13px} .StaticForm .Submit{padding-top:24px;padding-left:150px;border-top:1px solid rgba(255,255,255,.7);float:left;margin-bottom:20px} #OpenLinks .cell{float:left;width:142px;height:160px;padding:20px;text-align:center;font-size:18px;color:#524d4d;border-left:2px solid #e1dfdf;border-bottom:1px solid #e1dfdf;margin-bottom:10px} #OpenLinks .cell .icon{width:66px;height:81px;margin:15px auto 30px;background:url('../images/community/waterfall/AddIcons.png')} #OpenLinks .cell:hover{color:#221919;text-decoration:none;cursor:pointer} #OpenLinks .cell:active{color:#cb2027} #OpenLinks .cell #scrape{background-position:0 0} #OpenLinks .cell:hover #scrape{background-position:0 -81px} #OpenLinks .cell:active #scrape{background-position:0 -162px} #OpenLinks .cell #upload{background-position:-66px 0} #OpenLinks .cell:hover #upload{background-position:-66px -81px} #OpenLinks .cell:active #upload{background-position:-66px -162px} #OpenLinks .cell #board{background-position:-132px 0} #OpenLinks .cell:hover #board{background-position:-132px -81px} #OpenLinks .cell:active #board{background-position:-132px -162px} #OpenLinks .cell:first-child{border-left-width:0} #OpenLinks .cell:hover{background-color:#e1dfdf} #OpenLinks .pin-tools{clear:left;margin:10px;padding:8px 10px;background:#FFFBCC;border:1px solid #FFE1A6;border-radius:5px;font-size:14px;color:#999;line-height:22px} #OpenLinks .pin-tools span{color:#000} #OpenLinks .pin-tools a{color:#c90000} #CreateBoard .modal{position:absolute} #CreateBoard .CategoryPicker{float:right;margin-right:25px;max-width:337px} #CreateBoard input#BoardName{float:right;margin-right:25px;min-width:375px} #CreateBoard input#collaborator_name{min-width:301px!important} #CreateBoard .error{clear:both;margin-left:150px} #CreateBoard #add_collaborators{margin-left:0} #ScrapePin .scrapePin input,#ScrapePin .scrapePin .fff{width:405px} #ScrapePin .PinTop .Form li{margin-bottom:0} #bookmarklet .Arrows,#ScrapePin .Arrows{display:none;background:#ddd9d9} #bookmarklet .picker,#ScrapePin .picker{display:inline-block;margin-right:8px;padding:3px 10px 3px;font-size:13px;border:1px solid #e1dfdf} #bookmarklet .picker:hover,#ScrapePin .picker:hover{background:#eee;text-decoration:none} #bookmarklet .imagePickerNext,#ScrapePin .imagePickerNext{float:right;margin-right:0} #UploadPin input[type=file]{font-size:18px} .carousel-container{position:relative;width:170px;height:170px} .carousel-clip{position:relative;z-index:2;margin:0;padding:0;overflow:hidden} .carousel-list{position:relative;z-index:1;top:0;left:0;margin:0;padding:0;overflow:hidden} .carousel-list li,.carousel-item{float:left;width:170px!important;height:170px} .carousel-item a,.carousel-item img{max-width:170px;max-height:170px} #PinSuccess .modal{padding-left:40px;padding-right:40px} #PinSuccess .modal .header{margin:-30px -41px 20px} #PinSuccess .wide{width:530px} .pin-done{margin:25px auto 0;text-align:center;width:530px} #PinSuccess .pin-done{margin-top:30px;margin-bottom:30px} .pin-done h3{background:url(../images/community/waterfall/icon_check_24w.png) left center no-repeat;padding-left:30px;color:#444;font-size:18px;font-weight:700;display:inline-block;height:24px;line-height:24px} .pin-done h3 a{color:#8C7E7E;margin-left:10px} .pin-share-buttons{margin-top:10px;text-align:left;position:relative} .pin-js-share-buttons{margin-top:20px} .pin-api-share-buttons{display:inline-block} .pin-api-share-buttons .share-button,.pin-js-share-buttons .share-button{margin-right:10px} .pin-js-share-buttons .share-button{margin-top:10px;width:160px;text-align:left} .pin-api-share-buttons .share-button strong,.pin-js-share-buttons .share-button strong{height:22px;line-height:22px} .pin-api-share-buttons .share-button strong em,.pin-js-share-buttons .share-button strong em{display:inline-block;width:16px;height:16px;background:url(../images/community/waterfall/icons_in_btn.png) 0 -29px no-repeat} .pin-api-share-buttons .share-button.weibo strong em:hover,.pin-js-share-buttons .share-button.weibo strong em:hover{background-position:0 1px} .pin-api-share-buttons .share-button.weibo.disabled strong em:hover,.pin-js-share-buttons .share-button.weibo.disabled strong em:hover{background-position:0 -29px} .pin-api-share-buttons .share-button.tqq strong em,.pin-js-share-buttons .share-button.tqq strong em,.pin-api-share-buttons .share-button.tqq.disabled strong em:hover,.pin-js-share-buttons .share-button.tqq.disabled strong em:hover{background-position:0 -89px} .pin-api-share-buttons .share-button.tqq strong em:hover,.pin-js-share-buttons .share-button.tqq strong em:hover{background-position:0 -59px} .pin-api-share-buttons .share-button.qzone strong em,.pin-js-share-buttons .share-button.qzone strong em,.pin-api-share-buttons .share-button.qzone.disabled strong em:hover,.pin-js-share-buttons .share-button.qzone.disabled strong em:hover{background-position:0 -149px} .pin-api-share-buttons .share-button.qzone strong em:hover,.pin-js-share-buttons .share-button.qzone strong em:hover{background-position:0 -119px} .pin-api-share-buttons .share-button.douban strong em,.pin-js-share-buttons .share-button.douban strong em,.pin-api-share-buttons .share-button.douban.disabled strong em:hover,.pin-js-share-buttons .share-button.douban.disabled strong em:hover{background-position:0 -270px} .pin-api-share-buttons .share-button.douban strong em:hover,.pin-js-share-buttons .share-button.douban strong em:hover{background-position:0 -239px} .pin-api-share-buttons .share-button.renren strong em,.pin-js-share-buttons .share-button.renren strong em,.pin-api-share-buttons .share-button.renren.disabled strong em:hover,.pin-js-share-buttons .share-button.renren.disabled strong em:hover{background-position:0 -209px} .pin-api-share-buttons .share-button.renren strong em:hover,.pin-js-share-buttons .share-button.renren strong em:hover{background-position:0 -179px} .pin-share-buttons .pin-js-share-buttons{position:absolute;right:0;top:10px;margin:0} .pin-share-buttons .pin-js-share-buttons ul,.pin-share-buttons .pin-js-share-buttons li,.pin-share-buttons .pin-js-share-buttons .share-button{display:inline-block;height:20px;line-height:20px;margin:0} .pin-share-buttons .pin-js-share-buttons li{margin-left:10px} .pin-share-buttons .pin-js-share-buttons .share-button{text-indent:-9999px;width:20px;background:url(../images/community/waterfall/icons_social.png) top left no-repeat} .pin-share-buttons .pin-js-share-buttons .share-button.weibo:hover{background-position:0 -30px} .pin-share-buttons .pin-js-share-buttons .share-button.douban{background-position:-120px 0} .pin-share-buttons .pin-js-share-buttons .share-button.douban:hover{background-position:-120px -30px} .pin-share-buttons .pin-js-share-buttons .share-button.qzone{background-position:-30px 0} .pin-share-buttons .pin-js-share-buttons .share-button.qzone:hover{background-position:-30px -30px} .pin-share-buttons .pin-js-share-buttons .share-button.tqq{background-position:-60px 0} .pin-share-buttons .pin-js-share-buttons .share-button.tqq:hover{background-position:-60px -30px} .pin-share-buttons .pin-js-share-buttons .share-button.renren{background-position:-90px 0} .pin-share-buttons .pin-js-share-buttons .share-button.renren:hover{background-position:-90px -30px} #pin_operations{margin-top:15px;color:#D9D9D9;font-size:16px} #pin_operations a{color:#8C7E7E;font-size:16px;display:inline-block;margin:0 10px} #pin_operations a:hover{color:#CB2027} .pin-share-description{margin-top:30px} .pin-share-description p{text-align:left;font-size:14px;color:#999;width:530px;margin-bottom:10px} .pin-share-description textarea{width:423px;height:73px;display:inline-block} .pin-share-description img{margin-left:10px;padding:5px;box-shadow:0 1px 3px rgba(0,0,0,.25)} #upload_container{position:relative} #pin_already_exist_warning,#self_promote .msg{font-size:18px;margin:-20px -31px;padding:15px 31px;background:#FFFBCC;border-bottom:1px solid #EBEBEB} #pin_already_exist_warning a,#pin_confirm_popup .notice a{color:#C90000} #pin_confirm_popup{padding:60px 60px 0;height:100%;font-size:18px;background:url(../images/community/waterfall/tips_bg.gif) 0 0 repeat} #pin_confirm_popup .notice{background:0;padding-left:0;font-size:18px} #pin_confirm_popup .buttons{margin-top:10px;padding:10px 0;border-top:1px solid #FFF} #pin_confirm_popup .buttons a{float:right;margin-left:10px} #bookmarklet #pin_confirm_popup{position:absolute;left:0;top:0;bottom:0;right:0;opacity:.95;filter:alpha(opacity=95);z-index:10000} .pin-form{margin-left:200px;font-size:21px;font-weight:300} .modal .PinTop .load{position:absolute;z-index:10;top:11px;right:155px;display:none} .modal .pbt{margin:20px -30px 0;padding:20px 30px 0;border-top:1px solid #d9d4d4;box-shadow:inset 0 1px #fff;-moz-box-shadow:inset 0 1px #fff;-webkit-box-shadow:inset 0 1px #fff} .multi .ImagePicker{width:550px} .multi .ImagePicker .Images{width:550px;max-width:none} .multi .ImagePicker .carousel-item{width:110px!important;height:110px!important;padding:3px;border:1px solid white;margin:2px;cursor:pointer;background:url(../images/community/waterfall/img_bg.png) center center no-repeat;text-align:center;line-height:110px} .multi .ImagePicker .selected{border-color:#C90000} .multi .ImagePicker .carousel-item img{min-height:0;min-width:0;width:auto!important;height:auto;vertical-align:middle;display:inline} .multi .carousel-container{height:125px} .multi .CreateBoard{width:100%} .multi .BoardList{width:100%} .multi #board_name_input{width:456px} .multi .ImagePicker .Arrows{background:0} .multi .imagePickerPrevious{left:-25px;top:9px} .multi .imagePickerNext{right:-25px;top:9px} .multi .Arrows .picker{position:absolute;width:20px;height:110px;background:url(../images/community/waterfall/prev_next_btn.png) 0 0 no-repeat;float:none!important;border:0!important;text-indent:-9999px;padding:0!important;margin:0!important} .multi .Arrows .imagePickerPrevious:hover{background:url(../images/community/waterfall/prev_next_btn.png) 0 -120px no-repeat!important} .multi .Arrows .imagePickerPrevious:active{background:url(../images/community/waterfall/prev_next_btn.png) 0 -240px no-repeat!important} .multi .Arrows .imagePickerNext{background:url(../images/community/waterfall/prev_next_btn.png) -40px 0 no-repeat!important} .multi .Arrows .imagePickerNext:hover{background:url(../images/community/waterfall/prev_next_btn.png) -40px -120px no-repeat!important} .multi .Arrows .imagePickerNext:active{background:url(../images/community/waterfall/prev_next_btn.png) -40px -240px no-repeat!important} .multi .pin-form{margin:10px 0 0;width:550px;float:left} #Repin .pbt{border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} #Repin .PostSuccess{text-align:center;font-size:2em;line-height:2} .ImagePicker{position:relative;float:left;width:170px;padding:0;overflow:visible} .ImagePicker .Images{width:170px;max-height:170px;min-height:85px;padding:0;overflow:hidden} .ImagePicker li{position:relative;width:100%} .ImagePicker img{display:block;max-width:100%;max-height:100%;margin:0 auto} .ImagePicker .Images{position:relative;float:left;width:170px;max-height:170px;min-height:85px;padding:0;overflow:hidden} .ImagePicker .video{position:absolute;z-index:1;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px} .ImagePicker .load{position:absolute;z-index:10;top:50%;left:50%;display:none;margin:-8px 0 0 -8px} .ImagePicker .loading{ background:url(../images/community/waterfall/ajaxload2.gif) no-repeat; background-position:center center; } .ImagePicker .price{z-index:3;top:-70px;left:-117px;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out} .ImagePicker .price.visible{top:19px;left:-28px} .ImagePicker .Arrows{display:none} .BoardListOverlay{display:none;position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0} .BoardPicker{position:relative;display:block;margin-bottom:18px;padding:6px 24px 6px 12px;background-color:#f0eded;background:-moz-linear-gradient( #FCFCFC, #F2F2F2);background:-o-linear-gradient( #FCFCFC, #F2F2F2);background:-webkit-linear-gradient( #FCFCFC, #F2F2F2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#f0eded');cursor:pointer;border:1px solid #BFBFBF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px 1px rgba(0,0,0,.2),0 2px 2px white;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2),0 2px 2px white;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.2),0 2px 2px white} .BoardPicker:hover{background-color:#ebe8e8;background:-moz-linear-gradient(#FFF, #F7F7F7);background:-o-linear-gradient(#FFF, #F7F7F7);background:-webkit-linear-gradient(#FFF, #F7F7F7);border-color:#bfbdbd} .BoardPicker:active{background-color:#c21f24;background:-moz-linear-gradient( #C90000, #B00000);background:-o-linear-gradient( #C90000, #B00000);background:-webkit-linear-gradient( #C90000, #B00000);border-color:#510000;box-shadow:inset 0 1px 1px rgba(34,25,25,.5),0 2px 2px white;-moz-box-shadow:inset 0 1px 1px rgba(34,25,25,.5),0 2px 2px white;-webkit-box-shadow:inset 0 1px 1px rgba(34,25,25,.5),0 2px 2px white} .BoardPicker .CurrentBoard{display:block;white-space:nowrap;overflow:hidden} .BoardPicker:active .CurrentBoard{color:#fff} .BoardPicker .CurrentBoard,.BoardPicker .CurrentCategory{display:block;font-size:18px;white-space:nowrap;overflow:hidden} .BoardPicker:active .CurrentBoard,.BoardPicker:active .CurrentCategory{color:#fff;text-shadow:none} .BoardPicker .DownArrow{position:absolute;top:14px;right:14px;width:11px;height:9px;background:url(../images/community/waterfall/downArrow.png) center top no-repeat} .BoardPicker:hover .DownArrow{background-position:center} .BoardPicker:active .DownArrow{background-position:center bottom} .BoardList{display:none;position:absolute;z-index:9999;top:-1px;left:-1px;overflow-x:hidden;padding-bottom:55px;width:350px;background-color:#fff;border:1px solid #BFBFBF;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} .BoardList:active{border-color:#CCA3A3;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)} .BoardList li{position:relative;display:block;margin:0;font-size:18px;padding:5px 46px 5px 8px;list-style:none;line-height:1.15em;color:#524d4d;cursor:pointer;border:0!important} .BoardList li:hover{color:#221919;background-color:#FAFAFA} .BoardList li:active{color:#fff;background-color:#C90000;text-shadow:none} .BoardList li:first-child{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0} .BoardListBody{width:100%;max-height:300px;overflow-y:auto;overflow-x:hidden} .BoardPicker .CreateBoard,.BoardPicker .CreateCategory{position:absolute;bottom:0;padding:8px;background-color:#FAFAFA;border-top:1px solid #EBEBEB;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;cursor:default} .BoardPicker .CreateBoard input,.BoardPicker .CreateCategory input{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:18px!important;width:236px;min-width:236px;margin:0 6px 0 0;font-size:1em;border:1px solid #BFBFBF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-transition:all .08s ease-in-out;-moz-transition:all .08s ease-in-out;background:#FAFAFA} .BoardPicker .CreateBoard input:hover,.BoardPicker .CreateCategory input:hover{background:#fff} .BoardPicker .CreateBoardStatus{display:none;text-align:right;padding:2px;font-size:.8em} .BoardPicker .CreateBoardStatus.error{color:red} .BoardPicker .CreateBoardStatus.good{color:green} .BoardPicker .CreateBoard{width:334px} .pin-form .mainerror{display:none;margin-top:14px;font-size:21px} .pin-form .Buttons{margin:15px 0 0 0;text-align:right;height:36px;position:relative} .pin-form .share-opts{margin-top:15px;font-size:14px;color:#999} .pin-form .share-opts label{padding-right:15px} .pin-form .share-opts label.enabled{color:#444} .pin-form .share-opts label input[type=checkbox]{margin-right:4px} .pin-form .share-opts label.last{padding-left:15px;border-left:1px solid #999} .pin-form .share-opts label span{padding-left:18px;display:inline-block;zoom:1;*display:inline;line-height:16px;height:16px;background:url('../images/community/waterfall/social_icons.png?v=1347610213477') left 1px no-repeat} .pin-form .share-opts label.weibo.disabled span{background-position:0 -29px} .pin-form .share-opts label.qzone span{background-position:0 -119px} .pin-form .share-opts label.qzone.disabled span{background-position:0 -149px} .pin-form .share-opts label.tqq span{background-position:0 -59px} .pin-form .share-opts label.tqq.disabled span{background-position:0 -89px} .pin-form .share-opts label.douban span{background-position:0 -239px} .pin-form .share-opts label.douban.disabled span{background-position:0 -269px} .pin-form .share-opts label.renren span{background-position:0 -179px} .pin-form .share-opts label.renren.disabled span{background-position:0 -209px} .hwfx #header .wrapper{width:940px} .view .wrapper{width:940px} .view #unauth_callout{width:940px;margin:0 auto} .view #favorites_callout{width:940px;margin:0 auto;height:93px} .view #report_callout{width:940px;margin:0 auto;height:93px} .view #chrome_callout{width:940px;margin:0 auto} .CloseupLeft{position:absolute;top:15px;left:0;width:300px} .CloseupLeft .Board{margin:0 0 15px;width:300px} #pin_sources{background:#fff;box-shadow:0 1px 3px rgba(34,25,25,.4)} #pin_sources .source{padding:15px 20px;border-bottom:1px solid #EDEDED;overflow:hidden;zoom:1;position:relative} #pin_sources .closed:hover{background:#F7F7F7} #pin_sources .source:last-child{border-bottom:0} #pin_sources .closed{height:15px;cursor:pointer} #pin_sources .source h3{font-size:14px;font-weight:400;margin-bottom:15px;padding-left:20px;background:url(../images/community/waterfall/icon_sidebar_title.png) 0 0 no-repeat;height:15px;line-height:15px} #pin_sources .board h3{background-position:0 -40px} #pin_sources .domain h3{background-position:0 -79px} #pin_sources .source .arr{position:absolute;display:block;width:20px;height:20px;background:url(../images/community/waterfall/arrow_cover_uncover.png) -20px 5px no-repeat;right:12px;top:12px;cursor:pointer} #pin_sources .closed .arr{background-position:0 5px} #pin_sources .source .arr:hover{background-position:-20px -15px} #pin_sources .closed:hover .arr{background-position:0 -15px} #pin_sources .source .arr:active{background-position:-20px -35px} #pin_sources .closed .arr:active{background-position:0 -35px} #pin_sources .source .pins{display:block;margin-right:-10px} #pin_sources .board .pins img{display:block;float:left;margin:0 4px 4px 0} #pin_sources .domain .pins img{display:block;float:left;margin:0 4px 4px 0} #pin_sources .context .pins{overflow:hidden;height:132px;margin-right:0;position:relative} #pin_sources .context .pins .all{position:absolute;left:0;top:0} #pin_sources .context .pins .unit{width:264px;float:left} #pin_sources .context .pins .unit a{display:block;float:left;margin:0 4px 4px 0} #pin_sources .context .prev{width:16px;height:60px;position:absolute;left:0;top:80px;background:url(../images/community/waterfall/stream_prev_next.png) 0 0 no-repeat;cursor:pointer;visibility:hidden} #pin_sources .context:hover .prev{visibility:visible} #pin_sources .context .prev:hover{background-position:0 -70px} #pin_sources .context .next{width:16px;height:60px;position:absolute;right:0;top:80px;background:url(../images/community/waterfall/stream_prev_next.png) -30px 0 no-repeat;cursor:pointer;visibility:hidden} #pin_sources .context:hover .next{visibility:visible} #pin_sources .context .next:hover{background-position:-30px -70px} #pin_sources .context .pins .selected{position:relative} #pin_sources .context .pins .selected:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/community/waterfall/stream_select.png) 0 0 no-repeat} #pin_view_arrows .next{position:fixed;right:0;top:50%;width:60px;height:600px;background:url(../images/community/waterfall/pin_prev_next_big.png) -240px 0 no-repeat;margin-top:-300px;cursor:pointer} #pin_view_arrows .next:hover{background-position:-320px 0} #pin_view_arrows .next:active{background-position:-400px 0} #pin_view_arrows .prev{position:fixed;left:0;top:50%;width:60px;height:600px;background:url(../images/community/waterfall/pin_prev_next_big.png) 0 0 no-repeat;margin-top:-300px;cursor:pointer} #pin_view_arrows .prev:hover{background-position:-80px 0} #pin_view_arrows .prev:active{background-position:-160px 0} @media all and (max-width: 1200px){#pin_view_arrows .next{ width:25px;height:360px;background:url(../images/community/waterfall/pin_prev_next.png) -150px 0 no-repeat;margin-top:-180px} #pin_view_arrows .next:hover{background-position:-200px 0} #pin_view_arrows .next:active{background-position:-250px 0} #pin_view_arrows .prev{width:25px;height:360px;background:url(../images/community/waterfall/pin_prev_next.png) 0 0 no-repeat;margin-top:-180px} #pin_view_arrows .prev:hover{background-position:-50px 0} #pin_view_arrows .prev:active{background-position:-100px 0} } .CloseupRight{margin:15px 0 0 320px;width:620px} .CloseupRight .wt{margin-top:0;padding:0} .CloseupRight .bindingtip{padding:15px;font-size:16px;color:#444} .CloseupRight .bindingtip p{background-color:#FFFEBE;border:1px solid #FFE1A6;padding:15px 15px 15px 47px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#FFFEBE url(../images/community/waterfall/icon_notice.png) no-repeat 10px center} .ServicesFriends{padding:15px 15px 20px 15px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} .ServicesFriends h2{height:20px;padding:0 0 0 12px;margin:0 0 16px;font-size:16px;clear:left;border-left:solid 3px #C00;line-height:inherit} .ServicesFriends ol{padding-left:20px} .ServicesFriends li{list-style-type:decimal;line-height:1.5} .ServicesFriends .bindbtn{max-width:300px;display:block;margin:0 auto} .ServicesFriends .friends-cover{width:580px;position:relative;background-color:#FAFAFA;overflow:hidden;padding:10px 20px} .ServicesFriends .friends-cover .prev,.ServicesFriends .friends-cover .next{position:absolute;width:20px;height:50px;top:10px;background:url(../images/community/waterfall/btn_prev_next.gif) no-repeat;cursor:pointer} .ServicesFriends .friends-cover .prev{background-position:top left;left:0} .ServicesFriends .friends-cover .next{background-position:top right;right:0} .ServicesFriends .friends-cover .prev:hover{background-position:center left} .ServicesFriends .friends-cover .next:hover{background-position:center right} .ServicesFriends .friends-cover .prev:active{background-position:bottom left} .ServicesFriends .friends-cover .next:active{background-position:bottom right} .ServicesFriends .friends-cover ul{width:100000%;height:50px} .ServicesFriends .friends-cover ul li{float:left;display:inline-block;height:50px;width:50px;margin-right:10px} .ServicesFriends .friends-cover li .cover{cursor:pointer;width:50px;height:50px;display:inline-block} .ServicesFriends .friends-cover li .selected div{width:24px;height:24px;background:url(../images/community/waterfall/icon_check.png) no-repeat;margin-top:25px;margin-left:25px} .ServicesFriends .FancyForm li{margin-top:10px;margin-bottom:10px} .ServicesFriends .Submit{height:40px} .ServicesFriends .Submit span.text-count{float:right} .ServicesFriends .Submit p,.ServicesFriends .Submit span.text-count,.ServicesFriends textarea{color:#999} .ServicesFriends .Submit span.overlong{color:#CB2027} .ServicesFriends .Submit p{margin:10px} .ServicesFriends .Submit .success{padding:10px 0 0 45px;margin:0;height:40px} #invite_form .input{margin-bottom:30px} #invite_form .input textarea{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:98;height:100px;*width:588px;_width:582px} #invite_form .invite-url{position:absolute;display:block;font-size:12px;border-bottom-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;border:1px solid #A4A2A2;border-top:0;padding:3px 10px;color:#999;background:#FFF;height:20px;width:598px;z-index:99} #invite_form .cover{position:absolute;display:block;width:612px;height:10px;left:1px;bottom:-1px;z-index:100;background:#FFF} #invite_form .focus{border-color:#930;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);border-top:0} #PinPinner{padding:20px;overflow:hidden} #PinPinner #PinnerImage{float:left;margin-right:9px;width:50px} #PinPinner #PinnerImage img{display:block;width:50px;height:50px} #PinPinner #PinnerName{font-size:23px;line-height:1em;margin-bottom:9px} #PinPinner #PinnerName a{color:#211922;text-decoration:none} #PinPinner #PinnerName a:hover{color:#211922;text-decoration:underline;background-color:transparent} #PinnerStats{display:block;margin:0;font-size:14px;color:#999;position:relative} #PinnerStats .ts-words{padding-left:5px} #PinnerStats .via{padding:0 5px} #PinActionButtons{z-index:1;position:absolute;left:5px;top:5px;width:200px;height:50px;text-align:left;visibility:hidden} #pin_img:hover #PinActionButtons{visibility:visible} #PinActionButtons .black-button{background:#000;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.8);border-radius:4px;color:#fff;height:32px;line-height:32px;display:inline-block;padding:0 10px;text-decoration:none;font-size:14px;background-clip:padding-box} #PinActionButtons .black-button:hover{background-color:rgba(0,0,0,.6)} #PinActionButtons .black-button:active{background-color:rgba(0,0,0,.7)} #PinActionButtons .black-button i{display:inline-block;width:12px;height:12px;background:url(../images/community/waterfall/pin_action_icons.png) 0 0 no-repeat;margin-right:5px} #PinActionButtons .repin-button{margin-right:5px;padding:0;cursor:pointer;background:transparent} #PinActionButtons .repin-button:hover{background:transparent} #PinActionButtons .repin-button:active{background:transparent} #PinActionButtons .thunderpin{display:inline-block;padding:0 2px 0 8px;border-right:1px solid #5b5b5b;background:#000;background:rgba(0,0,0,.5);border-radius:2px 0 0 2px} #PinActionButtons .thunderpin:hover{background:rgba(0,0,0,.6)} #PinActionButtons .thunderpin:active{background:rgba(0,0,0,.7)} #PinActionButtons .repin{display:inline-block;padding:0 10px;background:#000;background:rgba(0,0,0,.5);border-radius:0 2px 2px 0} #PinActionButtons .repin:hover{background:rgba(0,0,0,.6)} #PinActionButtons .repin:active{background:rgba(0,0,0,.7)} #PinActionButtons .edit-button{margin-right:5px} #PinActionButtons .like-button{cursor:pointer} #PinActionButtons .like-button i{background-position:-20px 0} #PinActionButtons .comment{width:300px;left:2px;top:46px} #PinActionButtons .comment::before{left:95px;right:auto} #PinActionButtons .comment .pointer{left:100px} #PinActionButtons .comment textarea{width:288px;padding-right:5px} #PinActionButtons .comment input[type="submit"]{background-image:none;background-color:#666;font-size:12px;color:#CCC;text-indent:0;padding:10px;width:auto;height:auto;right:15px;top:55px;border-radius:3px;box-shadow:none} #PinActionButtons .comment input[type="submit"]:hover{background-color:#555;color:#FFF} #PinActionButtons .comment input[type="submit"]:active{background-color:#444} #PinActionButtons .comment input[type="submit"].disabled{color:#999} .like-comment-holder{position:relative} .pin .like-comment{position:absolute;bottom:45px;left:6px;width:190px;padding:10px;background:#fff;background:rgba(255,255,255,.95);border:2px solid;border-color:rgba(0,0,0,.2);text-align:right;-webkit-transition:height .15s linear;-moz-transition:height .15s linear;-ms-transition:height .15s linear;-o-transition:height .15s linear;transition:height .15s linear;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box} .pin .like-comment .pointer{position:absolute;bottom:-9px;right:44px;width:15px;height:9px;background:url(../images/community/waterfall/arrow.png) 0 0 no-repeat} .pin .like-comment .close{display:block;position:absolute;right:3px;top:3px;width:20px;height:20px;background:url(../images/community/waterfall/shopping/icon_close.png) 2px 2px no-repeat;cursor:pointer} .pin .like-comment .info{height:16px;line-height:16px;padding-left:22px;background:url(../images/community/waterfall/icon_check_16w.png) 0 0 no-repeat;font-size:13px;color:#555;margin-bottom:10px;text-align:left} .pin .like-comment textarea{background:#fff;width:178px;border:1px solid #DDD;font-size:13px;height:20px;line-height:20px;font-weight:400} .pin .like-comment textarea:focus{box-shadow:none;border-color:#B3B3B3} .pin .like-comment .like-comment-button{width:30px;height:30px;position:absolute;bottom:17px;right:16px;cursor:pointer;background:url("../images/community/waterfall/comment_button.png?new.png") right 4px no-repeat transparent} .pin .like-comment .like-comment-button:hover{background-position:right -26px} #pin_source{font-size:14px;color:#8c7e7e} #pin_source a{color:#AD9C9C;padding-left:5px} .pin-source{position:absolute;right:0;bottom:0} #pin_commodity_briefly{position:absolute;right:0;bottom:0;line-height:29px;height:29px} #pin_commodity_briefly a.item{display:inline-block;vertical-align:middle;line-height:15px;height:15px;background:#F2F2F2;border-radius:2px;color:#C90000;padding:7px 10px 7px 28px;margin-left:7px;text-decoration:none;position:relative} #pin_commodity_briefly a.item:hover{background:#F0F0F0} #pin_commodity_briefly a.item .icon{position:absolute;height:16px;width:16px;left:7px;top:7px;margin:0;background:url("../images/community/waterfall/store_icons.png") 0 -50px no-repeat} #pin_commodity_briefly a.item .from{padding-right:4px} #pin_commodity_briefly a.item .price{padding-left:4px;border-left:1px solid #e3e3e3} #pin_commodity_bar{margin:15px 20px 30px;padding:15px 17px 15px 37px;line-height:16px;background:#F7F7F7;position:relative;border-radius:5px;font-size:14px} #pin_commodity_bar .icon{position:absolute;width:16px;height:16px;left:13px;top:15px;margin-right:5px;background:url("../images/community/waterfall/store_icons.png") 0 -50px no-repeat} #shopping_container .pin .commodity em.icon.store-taobao{background-position:-100px 0} #pin_commodity_briefly a.item .icon.store-taobao,#pin_commodity_bar .icon.store-taobao,.pin .commodity em.icon.store-taobao,#shopping_container .pin:hover .commodity em.icon.store-taobao{background-position:-100px -50px} #shopping_container .pin .commodity em.icon.store-tmall{background-position:-50px 0} #pin_commodity_briefly a.item .icon.store-tmall,#pin_commodity_bar .icon.store-tmall,.pin .commodity em.icon.store-tmall,#shopping_container .pin:hover .commodity em.icon.store-tmall{background-position:-50px -50px} #shopping_container .pin .commodity em.icon.store-nuandao{background-position:-150px 0} #pin_commodity_briefly a.item .icon.store-nuandao,#pin_commodity_bar .icon.store-nuandao,.pin .commodity em.icon.store-nuandao,#shopping_container .pin:hover .commodity em.icon.store-nuandao{background-position:-150px -50px} #shopping_container .pin .commodity em.icon.store-1626buy{background-position:-200px 0} #pin_commodity_briefly a.item .icon.store-1626buy,#pin_commodity_bar .icon.store-1626buy,.pin .commodity em.icon.store-1626buy,#shopping_container .pin:hover .commodity em.icon.store-1626buy{background-position:-200px -50px} #shopping_container .pin .commodity em.icon.store-xipin{background-position:-250px 0} #pin_commodity_briefly a.item .icon.store-xipin,#pin_commodity_bar .icon.store-xipin,.pin .commodity em.icon.store-xipin,#shopping_container .pin:hover .commodity em.icon.store-xipin{background-position:-250px -50px} #shopping_container .pin .commodity em.icon.store-jue{background-position:-300px 0} #pin_commodity_briefly a.item .icon.store-jue,#pin_commodity_bar .icon.store-jue,.pin .commodity em.icon.store-jue,#shopping_container .pin:hover .commodity em.icon.store-jue{background-position:-300px -50px} #shopping_container .pin .commodity em.icon.store-creatife{background-position:-350px 0} #pin_commodity_briefly a.item .icon.store-creatife,#pin_commodity_bar .icon.store-creatife,.pin .commodity em.icon.store-creatife,#shopping_container .pin:hover .commodity em.icon.store-creatife{background-position:-350px -50px} #shopping_container .pin .commodity em.icon.store-emoi{background-position:-400px 0} #pin_commodity_briefly a.item .icon.store-emoi,#pin_commodity_bar .icon.store-emoi,.pin .commodity em.icon.store-emoi,#shopping_container .pin:hover .commodity em.icon.store-emoi{background-position:-400px -50px} #shopping_container .pin .commodity em.icon.store-shijue{background-position:-450px 0} #pin_commodity_briefly a.item .icon.store-shijue,#pin_commodity_bar .icon.store-shijue,.pin .commodity em.icon.store-shijue,#shopping_container .pin:hover .commodity em.icon.store-shijue{background-position:-450px -50px} #shopping_container .pin .commodity em.icon.store-360buy{background-position:-500px 0} #pin_commodity_briefly a.item .icon.store-360buy,#pin_commodity_bar .icon.store-360buy,.pin .commodity em.icon.store-360buy,#shopping_container .pin:hover .commodity em.icon.store-360buy{background-position:-500px -50px} #shopping_container .pin .commodity em.icon.store-dangdang{background-position:-550px 0} #pin_commodity_briefly a.item .icon.store-dangdang,#pin_commodity_bar .icon.store-dangdang,.pin .commodity em.icon.store-dangdang,#shopping_container .pin:hover .commodity em.icon.store-dangdang{background-position:-550px -50px} #shopping_container .pin .commodity em.icon.store-wowsai{background-position:-600px 0} #pin_commodity_briefly a.item .icon.store-wowsai,#pin_commodity_bar .icon.store-wowsai,.pin .commodity em.icon.store-wowsai,#shopping_container .pin:hover .commodity em.icon.store-wowsai{background-position:-600px -50px} #shopping_container .pin .commodity em.icon.store-zara{background-position:-650px 0} #pin_commodity_briefly a.item .icon.store-zara,#pin_commodity_bar .icon.store-zara,.pin .commodity em.icon.store-zara,#shopping_container .pin:hover .commodity em.icon.store-zara{background-position:-650px -50px} #shopping_container .pin .commodity em.icon.store-crucco{background-position:-700px 0} #pin_commodity_briefly a.item .icon.store-crucco,#pin_commodity_bar .icon.store-crucco,.pin .commodity em.icon.store-crucco,#shopping_container .pin:hover .commodity em.icon.store-crucco{background-position:-700px -50px} #shopping_container .pin .commodity em.icon.store-apous{background-position:-750px 0} #pin_commodity_briefly a.item .icon.store-apous,#pin_commodity_bar .icon.store-apous,.pin .commodity em.icon.store-apous,#shopping_container .pin:hover .commodity em.icon.store-apous{background-position:-750px -50px} #shopping_container .pin .commodity em.icon.store-magibuy{background-position:-800px 0} #pin_commodity_briefly a.item .icon.store-magibuy,#pin_commodity_bar .icon.store-magibuy,.pin .commodity em.icon.store-magibuy,#shopping_container .pin:hover .commodity em.icon.store-magibuy{background-position:-800px -50px} #shopping_container .pin .commodity em.icon.store-quwan{background-position:-850px 0} #pin_commodity_briefly a.item .icon.store-quwan,#pin_commodity_bar .icon.store-quwan,.pin .commodity em.icon.store-quwan,#shopping_container .pin:hover .commodity em.icon.store-quwan{background-position:-850px -50px} #shopping_container .pin .commodity em.icon.store-shejijia{background-position:-900px 0} #pin_commodity_briefly a.item .icon.store-shejijia,#pin_commodity_bar .icon.store-shejijia,.pin .commodity em.icon.store-shejijia,#shopping_container .pin:hover .commodity em.icon.store-shejijia{background-position:-900px -50px} #shopping_container .pin .commodity em.icon.store-nop{background-position:-950px 0} #pin_commodity_briefly a.item .icon.store-nop,#pin_commodity_bar .icon.store-nop,.pin .commodity em.icon.store-nop,#shopping_container .pin:hover .commodity em.icon.store-nop{background-position:-950px -50px} #shopping_container .pin .commodity em.icon.store-doin{background-position:-1000px 0} #pin_commodity_briefly a.item .icon.store-doin,#pin_commodity_bar .icon.store-doin,.pin .commodity em.icon.store-doin,#shopping_container .pin:hover .commodity em.icon.store-doin{background-position:-1000px -50px} #shopping_container .pin .commodity em.icon.store-liveport{background-position:-1050px 0} #pin_commodity_briefly a.item .icon.store-liveport,#pin_commodity_bar .icon.store-liveport,.pin .commodity em.icon.store-liveport,#shopping_container .pin:hover .commodity em.icon.store-liveport{background-position:-1050px -50px} #shopping_container .pin .commodity em.icon.store-sopool{background-position:-1100px 0} #pin_commodity_briefly a.item .icon.store-sopool,#pin_commodity_bar .icon.store-sopool,.pin .commodity em.icon.store-sopool,#shopping_container .pin:hover .commodity em.icon.store-sopool{background-position:-1100px -50px} #pin_commodity_bar .buy{float:right;margin:-6px 0 0 5px} #pin_commodity_bar .buy.expire strong{color:#999} .pin-img{position:relative;margin:0 20px 15px;overflow:hidden;text-align:center;background:url(../images/community/waterfall/img_bg_2.png) 0 0 repeat} .pin-img img{display:block;margin:0 auto} .pin-caption{padding:0 20px 30px;line-height:1.5em;border-bottom-width:0} .pintag{color:#524d4d} .pintag:after{content:" "} .pin-caption .text{font-size:14px;word-wrap:break-word} .pin-caption .via{display:block;margin-top:8px;margin-bottom:0;line-height:16px} .pin-caption .stats{margin-top:10px} #pin_stats{margin:0 20px 20px;height:15px;position:relative} #pin_stats .stats .count{padding-right:10px;border-right:1px solid #ddd;margin-right:10px;cursor:pointer} #pin_stats .stats .count:hover{color:#C90000} #pin_stats .stats .count:last-child{border:0} #pin_stats .stats .count i{display:inline-block;width:12px;height:12px;margin-right:5px;background:url(../images/community/waterfall/bt_action_icons.png) 0 0 no-repeat} #pin_stats .stats .count:hover i{background-position:0 -20px} #pin_stats .stats .likes-count i{background-position:-20px 0} #pin_stats .stats .likes-count:hover i{background-position:-20px -20px} #pin_stats .stats .comments-count i{background-position:-40px 0} #pin_stats .stats .comments-count:hover i{background-position:-40px -20px} #pin_stats .stats .num{padding-left:5px} #pin_stats .share{position:absolute;right:0;bottom:0} #pin_stats .share .share-button{display:inline-block;width:16px;height:16px;background:url(../images/community/waterfall/share_social_icons.png) 0 0 no-repeat;vertical-align:bottom;margin-left:10px;cursor:pointer} #pin_stats .share .weibo{background-position:0 -30px} #pin_stats .share .weibo:hover{background-position:0 0} #pin_stats .share .tqq{background-position:0 -90px} #pin_stats .share .tqq:hover{background-position:0 -60px} #pin_stats .share .qzone{background-position:0 -150px} #pin_stats .share .qzone:hover{background-position:0 -120px} #pin_stats .share .renren{background-position:0 -210px} #pin_stats .share .renren:hover{background-position:0 -180px} #pin_stats .share .douban{background-position:0 -270px} #pin_stats .share .douban:hover{background-position:0 -240px} #pin_stats .share .qfriends{background-position:0 -330px} #pin_stats .share .qfriends:hover{background-position:0 -300px} #pin_comments{border-top:1px solid #d1cdcd} #pin_comments p{line-height:1.33em} #pin_comments .comment{clear:both;padding:15px 0;border-bottom:1px dashed #D1CDCD;overflow:hidden;margin:0 20px;font-size:14px} #pin_comments .comment p{display:block;margin:0 58px 4px 58px} #pin_comments .comment img{display:block;width:50px} #pin_comments .comment .meta{color:#ad9c9c} #pin_comments .comment ul{margin:0 0 4px 58px} #pin_comments .comment li{display:inline;margin-right:3px} #pin_comments .comment li img{display:inline;width:5px} #pin_comments .avatar{float:left;margin-right:8px} #pin_comments .avatar img{width:50px;height:50px} #pin_likes{padding:20px 10px 12px 20px} #pin_likes .avatar{float:left;margin:0 8px 8px 0} #pin_comments .author{text-decoration:none} #pin_comments .DeleteComment{float:right;background:url("../images/community/waterfall/comment_act_icon.png") -19px 0 no-repeat;width:20px;height:20px;cursor:pointer;margin-left:7px} #pin_comments .DeleteComment:hover{background-position:-19px -20px} #pin_comments .DeleteComment:active{background-position:-19px -40px} #pin_comments .pinViewReplyButton{float:right;background:url("../images/community/waterfall/comment_act_icon.png") 0 0 no-repeat;width:20px;height:20px;cursor:pointer;margin-left:7px} #pin_comments .pinViewReplyButton:hover{background-position:0 -20px} #pin_comments .pinViewReplyButton:active{background-position:0 -40px} #pin_comments .ReportButton{float:right;background:url("../images/community/waterfall/report_icon.png") 3px 0 no-repeat;width:20px;height:20px;cursor:pointer} #pin_comments .ReportButton:hover{background-position:3px -20px} #pin_comments .ReportButton:active{background-position:3px -40px} #pin_comments .comment #comment_action_btns{visibility:hidden;width:80px;height:30px} #pin_comments .comment:hover #comment_action_btns{visibility:visible} #PinAddComment{padding:15px 20px} #PinAddComment .avatar{float:left;width:50px} #PinAddComment .InputContainer{margin-left:58px;position:relative} #PinAddComment #CloseupComment{height:32px;padding:8px;font-size:13px} #PinAddComment label.unauth{z-index:9} #PinAddCommentControls{overflow:hidden} #PinAddCommentControls .HelpText{float:left;width:320px;margin:13px 0 0 58px;font-size:13px} #loginToComment{padding:12px;text-align:center;font-size:13px} .PinActivity{clear:both;padding:20px 20px 20px 20px;font-size:13px;border-top:1px solid #ccc;overflow:hidden} .PinActivity h4{display:block;margin-bottom:15px;font-weight:700;font-size:14px} .PinActivity .avatar{float:left;margin-right:8px} .PinActivity .avatar img{display:block;width:40px;height:40px} .PinActivity .repin{float:left;width:495px;margin-bottom:8px;line-height:14px;color:#8c7e7e} .PinActivity .repin p{float:left;margin:0;padding-top:14px} .PinActivity .repin_attr{display:block;padding:16px 0 25px} #PinRepins .more{display:block;text-align:center;font-size:14px;color:#444;height:32px;line-height:32px;border-radius:3px;background:#F7F7F7;text-decoration:none;cursor:pointer} #PinRepins .more:hover{color:#C90000;background:#F2F2F2} .PinRepinStory{position:relative;margin:0 0 30px;overflow:hidden} .PinRepinStory .avt img{width:60px;height:60px;border-radius:50%} .PinRepinStory .title-item{width:130px;height:130px;background:url(../images/community/waterfall/user_card_bg.png);text-align:center;font-size:14px} .PinRepinStory .title-item a{display:block} .PinRepinStory .title-item .name{padding:10px 0 5px} .PinRepinStory .title-item .board-name{padding-top:5px;color:#999} .PinRepinStory .repin-board{width:450px;position:absolute;left:150px;top:0} .PinRepinStory .repin-board .img{width:130px;height:130px;float:left;margin-right:20px} .PinRepinStory .repin-board .holder{width:130px;height:130px;float:left;background:url(../images/community/waterfall/img_bg_2.png) 0 0 repeat;margin-right:20px} a.mv{position:absolute;display:block;right:14px;bottom:0;width:170px;height:100px;background:url(../images/community/waterfall/final_cut.gif) no-repeat left -100px;border:4px solid #fff;border-bottom:0} a.mv:hover{background-position:0 0} #pin_view_footer{border-top:1px solid #DDD;padding:20px 0 40px;font-size:14px;text-align:center} #pin_view_footer .info{color:#999;padding-right:25px;border-right:1px solid #DDD} #pin_view_footer i{font-style:normal;margin-left:15px;margin-right:3px} #pin_view_footer .Report{cursor:pointer;font-weight:700;margin-left:25px} #pin_view_footer .notice-icon{display:inline-block;width:16px;height:16px;background:url(../images/community/waterfall/icon_report.png) 0 0 no-repeat;margin:0 8px 0 0;vertical-align:bottom} #pin_view_footer .info-icon{display:inline-block;width:16px;height:16px;background:url(../images/community/waterfall/icon_info.png) 0 0 no-repeat;margin:0 8px 0 0;vertical-align:bottom} #pin_view_footer .title{font-weight:700} #pin_view_footer .info .help{cursor:pointer} #mv_trigger_callout{background:url("../images/community/waterfall/home_mv.gif") 0 0 no-repeat;width:70px;height:50px;border:3px solid white;float:left;margin-right:10px;position:static} #mv_trigger_callout:hover{background-position:0 -53px} ul.x-tabs{float:left;width:100%;padding-bottom:2px;background:url(../images/community/waterfall/line.gif) left bottom repeat-x} ul.x-tabs li{float:left;margin-right:10px;padding:6px 11px 0 11px;font-size:18px;font-weight:400;cursor:pointer} ul.x-tabs li.selected{padding:5px 10px 0 10px;background-color:#e6e3e3;border-top:solid 1px #c8c5c5;border-left:solid 1px #c8c5c5;border-right:solid 1px #c8c5c5;border-top-right-radius:3px;border-top-left-radius:3px;font-weight:700} .CloseupLeft .nav{width:190px;float:left} .CloseupLeft .nav li{width:190px;height:40px;font-size:16px;line-height:40px;text-align:right} .CloseupLeft .nav li.selected{background:url(../images/community/waterfall/about/li.png) no-repeat 0 0} .CloseupLeft .nav li:hover{background:url(../images/community/waterfall/about/li.png) no-repeat 0 -40px} .CloseupLeft .nav li a,#nav li span{padding-right:40px;display:block;font-weight:400} .CloseupLeft .nav li a:hover{text-decoration:none} .thunder-tip{display:block;position:absolute;top:-9px;left:-7px;background:#000;background:rgba(0,0,0,.5);border:0;color:#ddd;padding:6px 8px;background-image:none;line-height:16px;z-index:3;width:76px} .thunder-tip a{text-shadow:none;cursor:pointer;padding:0 4px;margin:0 2px;color:#fff;font-size:13px;background:rgba(255,255,255,.4)} .thunder-tip a:hover{color:#B90000;background:#fff;text-decoration:none} .thunder-tip a.go{margin-top:8px;padding:0;text-align:center} .thunder-tip .confirm{text-align:left;padding-left:18px;margin-top:8px} #pin_img .thunder-tip{top:0;left:0} .pin .thunder-tip{text-decoration:none;top:6px;left:8px;max-width:190px} .thunder-tip-success,.thunder-tip.success{font-weight:700;color:#fff;width:90px;text-align:center} .thunder-tip-warning,.thunder-tip.warning{width:auto} .thunder-tip-failed,.thunder-tip.failde{width:90px;background:#c90000;background:rgba(201,0,0,.5)} .thunder-tip span.summary{color:#fff;text-align:left;display:block;padding-left:22px;background:url(../images/community/waterfall/thunder_motion.gif) no-repeat 3px 3px} .thunder-tip .go,.thunder-tip .detail{color:#fff;display:block;padding-left:22px;text-align:left} .thunder-tip-ing span.summary,.thunder-tip.ing span.summary{background-position:2px 2px} .thunder-tip-success span.summary,.thunder-tip.success span.summary{font-weight:700;background:url(../images/community/waterfall/icon_check_16w.png) 0 0 no-repeat} .thunder-tip-failed span.summary,.thunder-tip.failed span.summary{font-weight:700;background:url(../images/community/waterfall/icon_error_16w.png) 0 0 no-repeat} #zoomr{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;background:#333 url(../images/community/waterfall/zoomr_bg.gif) repeat} #zoomr_toolbar{position:absolute;top:0;left:0;bottom:0;width:110px;padding:5px;overflow:hidden;border-right:1px solid #222} #zoomr_toolbar .bg{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;background-color:#111;z-index:1;opacity:.25;filter:alpha(opacity=25)} #zoomr_toolbar .fg{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;z-index:2} #zoomr_logo{position:absolute;top:10px;left:10px} #zoomr_hide{display:block;margin:70px auto 0 auto;padding:0 5px 0 20px;width:39px;height:30px;background:url(../images/community/waterfall/zoomr_back.png) no-repeat left top;color:#999;font-size:1.2em;font-weight:700;line-height:30px;text-shadow:0 1px 1px rgba(0,0,0,.7);cursor:pointer} #zoomr_hide:hover{background-position:left -30px;text-decoration:none} #zoomr_hide:active{background-position:left -60px} #zoomr_show{position:absolute;display:block;top:-50px;right:-50px;width:32px;height:32px;background:url(../images/community/waterfall/zoomr_in.png) no-repeat left top;cursor:pointer;-webkit-transition:right .15s ease-in-out,top .15s ease-in-out;-moz-transition:right .15s ease-in-out,top .15s ease-in-out;-ms-transition:right .15s ease-in-out,top .15s ease-in-out;-o-transition:right .15s ease-in-out,top .15s ease-in-out;transition:right .15s ease-in-out,top .15s ease-in-out} #zoomr_show:hover{background-position:left -32px} #zoomr_show:active{background-position:left -64px} .hover #zoomr_show,#pin_img:hover #zoomr_show{top:0;right:0} #zoomr_body{position:absolute;top:0;bottom:0;left:121px;right:0;padding:20px;overflow:auto;border-left:1px solid #454545} #zoomr_body img{box-shadow:0 0 25px rgba(25,25,25,.9);-moz-box-shadow:0 0 25px rgba(25,25,25,.9);-webkit-box-shadow:0 0 25px rgba(25,25,25,.9)} #pin_toolbar{position:fixed;left:50%;top:229px;margin-left:483px;font-size:14px;color:#666} #pin_toolbar .share-text{color:#8c7e7e} #pin_toolbar .share-button{border-color:#c3c3c3;margin-top:5px;background:url("../images/community/waterfall/toolbar.gif?1.gif") left 10px no-repeat;height:22px;cursor:pointer} #pin_toolbar .share-button span{display:block;padding-left:25px;line-height:22px} #pin_toolbar .share-button.weibo{background-position:left -200px} #pin_toolbar .share-button.weibo:hover{background-position:left -225px} #pin_toolbar .share-button.weibo:active{background-position:left -250px} #pin_toolbar .share-button.qzone{background-position:left -400px} #pin_toolbar .share-button.qzone:hover{background-position:left -425px} #pin_toolbar .share-button.qzone:active{background-position:left -450px} #pin_toolbar .share-button.tqq{background-position:left -480px} #pin_toolbar .share-button.tqq:hover{background-position:left -510px} #pin_toolbar .share-button.tqq:active{background-position:left -540px} #pin_toolbar .share-button.qfriends{background-position:5px -670px} #pin_toolbar .share-button.renren{background-position:5px -650px} #pin_toolbar li.more{background:url("../images/community/waterfall/toolbar.gif?1.gif") left -570px no-repeat;height:22px;cursor:pointer;position:relative;margin-top:10px;width:60px} #pin_toolbar li.more:hover{background-position:left -600px} #pin_toolbar .more-btns{display:none;position:absolute;left:0;top:22px;width:60px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3)} #pin_toolbar .more:hover .more-btns{display:block} #pin_toolbar .more-btns li{height:20px;margin-bottom:5px;width:60px} #pin_toolbar .more-btns li span{line-height:20px} .Board .position{position:absolute;right:15px;top:9px;line-height:19px;font-size:14px;color:#999;padding-right:2px;background:#fff} .PriorAndNext{position:relative;display:block;overflow:hidden;height:25px;width:73px;margin-bottom:16px} .PriorAndNext .prev{position:absolute;left:0;top:1px;display:block;width:24px;height:25px;background:url("../images/community/waterfall/toolbar.gif") left 0 no-repeat} .PriorAndNext .next{position:absolute;right:0;top:1px;display:block;width:47px;height:25px;background:url("../images/community/waterfall/toolbar.gif") left -100px no-repeat} .PriorAndNext .prev:hover{background-position:left -25px} .PriorAndNext .next:hover{background-position:left -125px} .PriorAndNext .prev:active{background-position:left -50px} .PriorAndNext .next:active{background-position:left -150px} .PriorAndNext a.prev.disabled{background-position:left -75px} .PriorAndNext a.next.disabled{background-position:left -175px} .pointy-tip{position:absolute;display:none;z-index:9} .pointy-tip .pointy-tip-body{position:relative;padding:12px 14px 5px 14px;border:solid 1px #CCC;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 5px rgba(34,25,25,.4);-moz-box-shadow:0 1px 5px rgba(34,25,25,.4);-webkit-box-shadow:0 1px 5px rgba(34,25,25,.4);background-color:#fff9e2;background:-moz-linear-gradient( #fef9d2, #fffceb);background:-o-linear-gradient( #fef9d2, #fffceb);background:-webkit-linear-gradient( #fef9d2, #fffceb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef9d2', endColorstr='#fffceb')} .pointy-tip .arrow{position:absolute;width:15px;color:#fef9d3;top:-7px;left:25px;z-index:10} .csstransforms .pointy-tip .arrow,.csstransitions .pointy-tip .arrow{text-shadow:0 -1px 5px rgba(0,0,0,.7);-moz-transform:rotate(135deg);-moz-transition:all .15s ease-in-out;-webkit-transform:rotate(135deg);-webkit-transition:all .15s ease-in-out} .no-csstransforms .pointy-tip .arrow{text-indent:-999999px;width:25px;height:7px;background:url(../images/community/waterfall/tip_yellow_sq.png) left top} .pointy-tip .arrow-mask{position:absolute;background-color:#fef9d3;left:20px;top:0;display:block;width:30px;height:10px;z-index:11} .pointy-tip a.close{position:absolute;top:6px;right:6px;display:block;width:18px;height:18px;background:url(../images/community/waterfall/pointy_tip_close_btn.gif) left top no-repeat} .pointy-tip a.close:hover{background-position:left -18px} .pointy-tip a.close:active{background-position:left -36px} .pointy-tip h5{font-size:16px;color:#444;padding-right:24px;margin-bottom:5px} .pointy-tip .content{margin-top:10px} #invites_tip .pointy-tip-body .textarea_background{background:#fcf9f9;border:1px solid;border-color:#ddd #e1dfdf #d1cdcd;box-shadow:inset 0 0 2px rgba(255,255,255,.75);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,.75);-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.75)} #invites_tip .pointy-tip-body .codelay{padding:5px;position:relative} #invites_tip .pointy-tip-body .codelay span.overlay{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;filter:alpha(opacity=5)} #invites_tip .pointy-tip-body textarea{background:transparent;border:0;height:25px} #invites_tip .pointy-tip-body textarea:focus{border:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none} .smooth-notification{visibility:hidden;-webkit-transition:.15s ease-out all;-moz-transition:.15s ease-out all;-ms-transition:.15s ease-out all;-o-transition:.15s ease-out all;transition:.15s ease-out all;opacity:.1} .smooth-notification.down{margin-top:-10px;margin-bottom:10px} .smooth-notification.up{margin-top:10px;margin-bottom:-10px} .smooth-notification.left{margin-left:10px;margin-right:-10px} .smooth-notification.right{margin-left:-10px;margin-right:10px} div.smooth-notification.show{visibility:visible;opacity:1;margin:0} .smooth-notification a.notification{font-size:inherit;color:inherit;text-decoration:none} .smooth-notification.window{background:#F7F5F5 url(../images/community/waterfall/bg.gif) repeat;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;border:6px solid rgba(0,0,0,.14);border-radius:10px;padding:20px;min-height:150px;min-width:300px} .smooth-notification.yellow{padding:16px 55px;background:#FEF9D2;background:linear-gradient( #FEF9D2, #FFFCEB);background:-webkit-linear-gradient( #FEF9D2, #FFFCEB);background:-moz-linear-gradient( #FEF9D2, #FFFCEB);box-shadow:inset 0 1px #fff,0 1px 2px rgba(34,25,25,.4);color:#000;font-size:20px} .smooth-notification.normal{padding:8px 35px;filter:Alpha(opacity=60);background:#000;background:rgba(0,0,0,.6);box-shadow:0 1px 2px rgba(34,25,25,.4);border-radius:0 0 5px 5px;color:#fff;font-size:15px} .fast-transition{-webkit-transition:.15s ease-out all;-moz-transition:.15s ease-out all;-ms-transition:.15s ease-out all;-o-transition:.15s ease-out all;transition:.15s ease-out all} .slow-transition{-webkit-transition:.5s ease-out all;-moz-transition:.5s ease-out all;-ms-transition:.5s ease-out all;-o-transition:.5s ease-out all;transition:.5s ease-out all} .smooth-notification .sm-arrow{position:absolute;background:url("../images/community/waterfall/smooth_arrow.png") center bottom no-repeat} .smooth-notification .border-arrow{width:0;height:0;border:7px solid transparent;background:0} .smooth-notification .border-down{left:50%;margin-left:-7px;bottom:-14px} .smooth-notification .border-up{left:50%;margin-left:-7px;top:-14px} .smooth-notification .border-left{top:50%;margin-top:-7px;left:-14px} .smooth-notification .border-right{top:50%;margin-top:-7px;right:-14px} .smooth-notification .pic-down{width:12px;height:8px;left:50%;margin-left:-6px;bottom:-8px} .smooth-notification .pic-up{width:12px;height:8px;left:50%;margin-left:-7px;top:-8px;background-position:center top} .smooth-notification .pic-left{height:14px;width:8px;top:50%;margin-top:-6px;left:-8px;background-position:left center} .smooth-notification .pic-right{height:14px;width:8px;top:50%;margin-top:-6px;right:-8px;background-position:right center} .sm-closeButton{background:url(../images/community/waterfall/pointy_tip_close_btn.gif) 0 0 no-repeat;cursor:pointer;width:18px;height:18px;position:absolute;right:15px;top:15px} .sm-mask{background:#000;opacity:.3;position:fixed;left:0;top:0;right:0;bottom:0;z-index:999998;filter:alpha(opacity=30)} a.sexy-button{display:block;float:left;margin:0;padding:0 0 0 19px;height:43px;text-decoration:none;background:transparent url('../images/community/waterfall/sexy-button-background.png') no-repeat left 0} a.sexy-button:hover{background-position:left -86px} a.sexy-button:active{margin-top:2px} a.sexy-button span{display:block;float:left;margin:0;padding:11px 19px 0 0;height:32px;font-size:17px;line-height:17px;font-weight:900;text-align:center;color:#646464;background:transparent url('../images/community/waterfall/sexy-button-background.png') no-repeat right -43px;cursor:pointer} a.sexy-button:hover span{background-position:right -129px;color:#333} #ntf_tip{position:relative;overflow:hidden;background:url(../images/community/waterfall/notification_bg.gif) left top repeat;z-index:99997} #ntf_tip .shadow{position:relative;overflow:hidden;width:100%;margin-top:0;box-shadow:inset 0 -1px 5px rgba(34,29,29,.8);-moz-box-shadow:inset 0 -1px 5px rgba(34,29,29,.8);-webkit-box-shadow:inset 0 -3px 10px rgba(34,29,29,.85);background:url(../images/community/waterfall/notification_bg_top.png) left top repeat-x;height:30px} #ntf_tip .bb{border-bottom:solid 1px #3e3d3d;padding:0 20px} #ntf_tip .bt{border-top:solid 1px #585757} #ntf_strike{height:30px;color:#FFF;font-size:14px;line-height:30px;text-align:center;cursor:pointer;vertical-align:top;overflow:hidden} #ntf_strike a{color:#FFF;display:block;height:30px;width:100%} #ntf_strike a:hover{text-decoration:none} #ntf_strike a img{vertical-align:top} h1#ntf_title{margin-top:0;margin-bottom:0;font-size:20px;padding-bottom:0;color:#FFF;font-weight:700;height:48px;line-height:48px;vertical-align:top} #ntf_tip a#ntf_close{position:absolute;display:block;width:30px;height:30px;top:0;right:0;background:url(../images/community/waterfall/notification_close.gif) left top no-repeat;z-index:99996;cursor:pointer} #ntf_tip a#ntf_close:hover{background-position:left -30px} #ntf_tip a#ntf_close:active{background-position:left -60px} #ntf_content{color:#FFF;font-size:14px;padding:10px 20px 30px 20px} #ntf_content img.center{display:block;margin:10px auto;padding:5px;background-color:#4d4c4c;border:solid 1px #858585} #header .overlay{position:absolute;left:0;top:-5px;background-color:rgba(255,255,255,.8);opacity:0;filter:alpha(opacity=60);height:0;overflow:hidden;z-index:99999} #header .overlay a.close{position:relative;display:block;margin:0 auto;text-indent:-999999px;padding-top:4px;width:150px;height:40px;background:#393939 url(../images/community/waterfall/login/login_bg.png) center -125px no-repeat;border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;box-shadow:0 2px 4px rgba(57,57,57,.6),2px 0 4px rgba(57,57,57,.6),-2px 0 4px rgba(57,57,57,.6);margin-top:-4px} h1#thin_logo{background:url('../images/community/waterfall/login_logo.png') no-repeat 0 0;margin:0 auto 20px auto;text-align:center;height:90px;width:255px} .logo-bar{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;padding:20px 0 25px 0;margin:0 auto;display:block;width:600px;clear:both;background:url(../images/community/waterfall/login_bar2.png) no-repeat center center} .error-page{width:800px;margin:0 auto 0;margin-top:5%;text-align:center} .error-page .error{display:inline-block;text-align:center} #msgl{color:#CCC;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;overflow:hidden;background:#3B3B3B url(../images/community/waterfall/msgl_bg.gif) repeat} #msgl li,#msgl a{color:#ccc} #msgl_header{overflow:hidden;position:absolute;width:100%;height:60px;border-bottom:1px solid #2A2A2A;background:#3B3B3B url(../images/community/waterfall/msgl_bg.gif) repeat} #msgl_header .bg{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:.05} #msgl_header .fg{position:absolute;z-index:2;width:100%} #msgl .wrapper{width:960px;margin:0 auto} #msgl_logo{margin-top:14px;display:block;float:left} #msgl_hide{display:block;float:right;margin-top:15px;padding:0 0 0 15px;height:30px;width:68px;color:#999;font-size:1.2em;font-weight:700;line-height:30px;text-shadow:0 1px 1px rgba(0,0,0,.7);cursor:pointer;background:url(../images/community/waterfall/msgl_back.png) no-repeat top left} #msgl_hide:hover{background-position:left center;text-decoration:none} #msgl_hide:active{background-position:left bottom} #msgl_body{border-top:1px solid #434343;width:100%;position:absolute;top:61px;left:0;right:0;bottom:0;overflow-y:auto;background:#3B3B3B url(../images/community/waterfall/msgl_bg.gif) repeat} #msgl_body .nav{display:block;float:left;margin-top:15px;margin-bottom:15px;height:31px} #msgl_body .nav li{width:106px;float:left;height:32px;line-height:31px;font-size:1.2em;text-align:center;background:url(../images/community/waterfall/msgl_tab_bg.png) no-repeat} #msgl_body .nav li.mentions{background-position:left top} #msgl_body .nav li.activities{background-position:right top} #msgl_body .nav li:hover{background-position-y:center} #msgl_body .nav li a{color:#fff;display:block;width:100%;height:100%;text-shadow:1px 1px 2px rgba(34,25,25,1)} #msgl_body .nav li a:hover{text-decoration:none} #msgl_body .nav li.mentions.current{background-position:left bottom} #msgl_body .nav li.activities.current{background-position:right bottom} #msgl_body ol{clear:both;margin:0;padding:0;border-top:0} #msgl ol li{display:block;font-size:14px;margin:0 0 20px 0;padding:0} #msgl .item{display:block;float:left;width:87px;height:87px;background-color:#353535;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0;box-shadow:0 2px 3px rgba(0,0,0,.15) inset,0 -1px 0 #474747 inset;-moz-box-shadow:0 2px 3px rgba(0,0,0,.15) inset,0 -1px 0 #474747 inset;-wibkit-box-shadow:0 2px 3px rgba(0,0,0,.15) inset,0 -1px 0 #474747 inset} #msgl ol li .item img{width:75px;height:75px;margin:6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} #msgl ol li .content{position:relative;background-color:#474747;margin-left:101px;padding:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 1px 0 #4d4d4d inset,0 1px 3px rgba(0,0,0,.15);-moz-box-shadow:0 1px 0 #4d4d4d inset,0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 0 #4d4d4d inset,0 1px 3px rgba(0,0,0,.15)} #msgl ol li .content .inner{padding:20px 20px} #msgl ol li .content .inner:hover .report_act{visibility:visible} #msgl ol li .content .inner .report_act{background:url(../images/community/waterfall/comment_report_icon.png) no-repeat;background-position:top left;display:block;float:right;width:18px;height:18px;text-indent:-9999px;cursor:pointer;position:relative;right:62px;top:-7px;visibility:hidden} #msgl ol li .content .inner .report_act:hover{background-position-y:-20px} #msgl ol li .content .inner .report_act:active{background-position-y:-40px} #msgl ol.mentions li .content li{margin:0;border-top:1px solid #4B4B4B;border-bottom:1px solid #404040} #msgl ol.activities li.unread .content,#msgl ol.mentions .content li.unread{background:#535353 url(../images/community/waterfall/msgl_unread.png) no-repeat;border-top-color:#606060;border-top-left-radius:0;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0} #msgl ol.mentions li .content li.first{border-top:0;border-top-left-radius:10px;-moz-border-top-left-radius:10px;-webkit-border-top-left-radius:10px;border-top-right-radius:10px;-moz-border-top-right-radius:10px;-webkit-border-top-right-radius:10px} #msgl ol.mentions li .content li.last{border-bottom:0;border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px} #msgl ol li .content .clear-right{clear:right} #msgl .activities .content a.img{position:absolute;right:10px;top:10px;width:64px;height:64px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} #msgl .activities .content img{background:0;width:64px;height:64px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} #msgl .mentions .content img{background:0;width:40px;height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} #msgl ol.activities .content img{float:right} #msgl ol.mentions .content img{float:left} #msgl .mentions .detail{margin-left:60px;word-wrap:break-word} #msgl .ulink a{color:#848484} #msgl .comment{position:relative} #msgl .comment .acts{display:block;position:absolute;top:20px;right:20px;width:90px} #msgl .acts a{display:block;float:right;width:18px;height:18px;margin-left:10px;text-indent:-9999px;background:url(../images/community/waterfall/msgl_act_icon.png) no-repeat;cursor:pointer} #msgl .acts .reply{background-position:top left} #msgl .acts .del{background-position:top right} #msgl .comment:hover .report{visibility:visible} #msgl .acts .report{background:url(../images/community/waterfall/comment_report_icon.png) no-repeat;background-position:top left;visibility:hidden} #msgl .acts a:hover{background-position-y:-20px} #msgl .acts a:active{background-position-y:-40px} #msgl .mentions div.reply form{margin-left:60px;margin-right:10px} #msgl .mentions textarea.MentionComment{width:735px;background-color:#444;border:1px solid #505050;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.15) inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15) inset} #msgl .mentions textarea.MentionComment:focus{background-color:#3b3b3b;color:#FFF} #msgl .mentions div.reply .cancel{display:inline-block;margin-left:10px} #msgl .gbtn.disabled{color:#524d4d;background-color:#767676;border:0;box-shadow:0 1px rgba(55,55,55,.8);-moz-box-shadow:0 1px rgba(55,55,55,.8);-webkit-box-shadow:0 1px rgba(55,55,55,.8)} #msgl .gbtn.disabled span{background:#f2f0f0;opacity:0;filter:none;background-color:#767676;background:-webkit-linear-gradient( #767676, #606060);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#606060');background-image:linear-gradient(bottom, #5e5e5e 16%, #777 50%);background-image:-o-linear-gradient(bottom, #5e5e5e 16%, #777 50%);background-image:-moz-linear-gradient(bottom, #5e5e5e 16%, #777 50%);background-image:-webkit-linear-gradient(bottom, #5e5e5e 16%, #777 50%);background-image:-ms-linear-gradient(bottom, #5e5e5e 16%, #777 50%)} #msgl .gbtn.disabled:hover span{box-shadow:inset 0 1px rgba(255,255,255,.35);-moz-box-shadow:inset 0 1px rgba(255,255,255,.35);-webkit-box-shadow:inset 0 1px rgba(255,255,255,.35)} #msgl .gbtn.disabled:active span{box-shadow:inset 0 1px 2px rgba(34,25,25,.25);-moz-box-shadow:inset 0 1px 2px rgba(34,25,25,.25);-webkit-box-shadow:inset 0 1px 2px rgba(34,25,25,.25)} #msgl .load-more{padding:10px;margin-left:101px;margin-bottom:20px;text-align:center;cursor:pointer;display:block;font-size:14px;box-shadow:inset 0 1px 0 #444,0 1px 3px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 0 #444,0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:inset 0 1px 0 #444,0 1px 3px rgba(0,0,0,.15);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#525252;background:-moz-linear-gradient(top, #525252, #424242);background:-o-linear-gradient( #525252, #424242);background:-webkit-linear-gradient( #525252, #424242)} #msgl .load-more:hover{color:#FFF;text-decoration:none} #msgl .load-more.disabled{color:gray} #msgl .ac-choices{border-color:#575757;background-color:#3A3A3A} #msgl .ac-choices li.autocompleter-selected{background-color:#474747} #msgl .ac-choices li span.autocompleter-queried{background-color:#676767} #MessageIndicator{position:fixed;width:138px;z-index:5;top:152px;left:-3px;background:url(../images/community/waterfall/msgl_indicator_bg.gif) repeat;border:1px solid transparent;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-transition:left .5s ease-in-out;-webkit-transition:left .5s ease-in-out;box-shadow:0 1px 3px rgba(34,25,25,.5);-moz-box-shadow:0 1px 3px rgba(34,25,25,.5);-webkit-box-shadow:0 1px 3px rgba(34,25,25,.5)} #MessageIndicator ul.nav{display:block;width:120px;float:left;margin:3px 0;background:#FAFAFA url(../images/community/waterfall/msgl_indicator_bg_left.png) repeat-y} #MessageIndicator ul.nav li{line-height:15px;font-size:15px;border-bottom:1px dashed #EDEDED} #MessageIndicator ul.nav li a{height:100%;display:block;padding:10px;text-align:center;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.9);white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} #MessageIndicator ul.nav li a:hover{color:#666060;text-shadow:0 1px rgba(255,255,255,1)} #MessageIndicator ul.nav li a:active{color:#454141;text-shadow:0 1px rgba(255,255,255,.8)} #MessageIndicator a#arrow-btn{cursor:pointer;background-color:#FFF;margin:3px 3px 3px 0;width:15px;height:auto;position:absolute;top:0;bottom:0;right:0;border-left:1px solid #EDEDED;border-top-right-radius:4px;-moz-border-top-right-radius:4px;-webkit-border-top-right-radius:4px;border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px} #MessageIndicator .arrow{width:16px;height:13px;position:absolute;top:50%} #MessageIndicator .arrow span{width:100%;height:100%;background:#fff url(../images/community/waterfall/msgl_indicator_arrows.png) no-repeat 6px 0;position:absolute;top:-50%} #MessageIndicator a.out .arrow span{background-position:6px 0} #MessageIndicator a.out:hover .arrow span{background-position:6px -20px} #MessageIndicator a.out:active .arrow span{background-position:6px -40px} #MessageIndicator a.in .arrow span{background-position:-13px 0} #MessageIndicator a.in:hover .arrow span{background-position:-13px -20px} #MessageIndicator a.in:active .arrow span{background-position:-13px -40px} #event_ads{position:absolute;left:104px;top:7px;z-index:1} .view #event_ads{position:fixed;top:12px;left:50%;margin-left:-322px;z-index:1} #weibo_competition{height:30px;position:relative;font-size:12px} #weibo_competition .noti{display:block;position:absolute;top:5px;left:0;width:90px;height:25px;background:url("../images/community/waterfall/bubble.png") 0 0 no-repeat;padding:3px 0 0 9px} #weibo_competition .noti:hover{background-position:0 -30px} #weibo_competition .noti .close{position:absolute;top:2px;right:0;width:15px;height:15px;background:url("../images/community/waterfall/bubble.png") -100px -2px no-repeat;cursor:pointer} #weibo_competition .noti .close:hover{background-position:-100px -32px} #weibo_competition .noti a{color:#555} #weibo_competition .noti a:hover{text-decoration:none;color:#C90050} #loading_unit{ border-radius:8px; box-shadow:0 0 4px rgba(0,0,0,.2),inset 0 0 38.5px rgba(225,225,225,.4); position:absolute; width:310px; height:120px; left:50%; top:50%; margin-left:-155px; margin-top:-60px; background:#fff; text-align:center; font-size:16px; } #loading_unit h1{ font-size:16px; color:#555; font-weight:400; padding:0; margin:27px 0 0; } #loading_unit .progress{ background:url("../images/community/waterfall/loading_bar.gif") center 0 no-repeat; height:11px; margin:10px 0; } #loading_unit a{ color:#C90000; } #mentions_introduction h2{font-size:24px;background:url("../images/community/waterfall/mentions_introduction/title_bg.png") 20px 11px no-repeat;padding-left:34px;border-bottom:1px solid #3E3E3E;text-shadow:1px 1px 1px rgba(0,0,0,1);padding-bottom:19px} #mentions_introduction h2:after{content:'';display:block;margin:19px 0 -19px -34px;border-bottom:1px solid #333} #mentions_introduction h2 span{font-size:14px;font-weight:400} #mentions_introduction h2 img{vertical-align:bottom} #mentions_introduction .unit{border-bottom:1px solid #3E3E3E;padding:40px 18px;position:relative} #mentions_introduction .unit:after{content:'';display:block;margin:40px -18px -40px;border-bottom:1px solid #333} #mentions_introduction .foot{padding:25px 18px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,1)} #channel_container{margin:0 auto} #submit_channel_board_dialog h3{margin-bottom:10px} #submit_channel_board_dialog .help_text{color:#8c7e7e;margin-bottom:30px} #submit_channel_board_dialog .BoardPicker{width:314px} #submit_channel_board_dialog .msgr{z-index:9998;position:relative;left:12px;top:0} #channel_callout em.channel-name{color:#F00;font-style:normal} .fm-wrapper #ctx_bar{border-bottom:0} .fm-wrapper #ctx_bar::after{border-bottom:0} .channel li#nav{position:absolute;top:0;right:0} .channel li#nav li{display:inline-block;float:left;font-size:15px;margin-top:10px;background:url("../images/community/waterfall/tribe/tab_sprite.png") 0 -210px no-repeat} .channel li#nav li span,.channel li#nav li a{padding:2px 5px;display:inline-block} .channel li#nav li a{display:block;width:60px;padding-left:27px;background:url("../images/community/waterfall/tribe/tab_sprite.png") -113px 8px no-repeat;height:26px;line-height:26px;font-size:14px;cursor:pointer;text-decoration:none} .channel li#nav li a.pin-link{background-position:7px 8px} .channel li#nav li.first{background-position:0 -90px;border-right:1px solid #CCC} .channel li#nav li.last{background-position:-208px -330px} .channel li#nav li.first.selected{background-position:0 -170px} .channel li#nav li.selected{background-position:0 -170px} .channel li#nav li.last.selected{background-position:-208px -410px} .BoardAvatar{position:absolute;top:3px;width:24px;height:24px} .BoardUserUrl{line-height:24px;position:relative;left:34px;top:3px} .FollowBoard2 a.unfollow,.FollowBoard2 a.follow,.FollowBoard2 a.disabled{position:absolute;right:16px;bottom:10px;text-decoration:none} .msgr{position:absolute;top:60px;left:0;font-size:18px;padding:7px 10px;border-radius:5px;color:#fff;background-color:#d5373a;text-shadow:0 -1px rgba(34,25,25,.5);z-index:9999;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.7);-moz-box-shadow:0 1px 5px rgba(0,0,0,.7);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.7)} .msgr .arrow{color:#d5373a;position:absolute;top:-10px;left:15px;text-shadow:0 1px 5px rgba(0,0,0,.7);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out} .no-csstransforms .msgr .arrow{text-indent:-99999px;display:block;width:21px;height:21px;background:url('../images/community/waterfall/tip_red_sq.png') left top no-repeat} .msgr .arrow-mask{position:absolute;display:block;background-color:#d5373a;left:10px;top:0;height:5px;width:30px;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out} .msgr.left-arrow .arrow{top:7px;left:-8px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)} .msgr.left-arrow .arrow-mask{top:5px;left:0;height:23px;width:7px} .sheet .login-button{width:170px} .sheet .login-connect{width:245px;height:180px;float:left;border-right:1px solid #f6f4ee;padding:10px 80px} .sheet .login-form{width:220px;height:180px;float:left;border-left:1px solid #fff;padding:10px 90px} .sheet .login-connect p{margin-top:20px;font-size:12px;color:#999} .sheet .connections{width:246px;margin-top:15px} .sheet .connections a{display:block;float:left;width:114px;height:36px;background:url(../images/community/waterfall/login/btn_sprite.png) left top no-repeat;text-indent:-999999px;margin:0 8px 5px 0} .sheet .connections a.weibo{background-position:-456px 0} .sheet .connections a.weibo:hover{background-position:-456px -40px} .sheet .connections a.weibo:active{background-position:-456px -80px} .sheet .connections a.douban{background-position:-228px 0} .sheet .connections a.douban:hover{background-position:-228px -40px} .sheet .connections a.douban:active{background-position:-228px -80px} .sheet .connections a.qzone{background-position:-342px 0} .sheet .connections a.qzone:hover{background-position:-342px -40px} .sheet .connections a.qzone:active{background-position:-342px -80px} .sheet .connections a.renren:hover{background-position:0 -40px} .sheet .connections a.renren:active{background-position:0 -80px} .sheet .connections a.taobao{background-position:-114px 0} .sheet .connections a.taobao:hover{background-position:-114px -40px} .sheet .connections a.taobao:active{background-position:-114px -80px} .sheet .login-form .FancyForm ul li .input{float:left;display:block;width:220px;min-width:220px;position:relative;margin-bottom:12px} .sheet .login-form .FancyForm ul li .input input[type="text"],.sheet .login-form .FancyForm ul li .input input[type="password"]{padding-left:38px;height:36px;line-height:100%;color:#666;font-size:14px;font-weight:700;border:1px solid #fff;box-shadow:inset 0 1px 4px rgba(125,125,125,.65);-moz-box-shadow:inset 0 1px 4px rgba(125,125,125,.65);-webkit-box-shadow:inset 0 1px 4px rgba(125,125,125,.65);-webkit-transition:all .08s ease-in-out;-moz-transition:all .08s ease-in-out} .sheet .login-form .FancyForm ul li .input input[type="text"]:focus,.sheet .login-form .FancyForm ul li .input input[type="password"]:focus{border-color:#ff9080;box-shadow:inset 0 1px 4px rgba(125,125,125,.65),0 0 14px rgba(235,82,82,.45);-moz-box-shadow:inset 0 1px 4px rgba(125,125,125,.65),0 0 14px rgba(235,82,82,.45);-webkit-box-shadow:inset 0 1px 4px rgba(125,125,125,.65),0 0 14px rgba(235,82,82,.45)} .sheet .login-form .FancyForm ul li .input label{top:7px;left:38px} .sheet .login-form .FancyForm ul li .input .fff{left:1px;height:36px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff url(../images/community/waterfall/login/login_bg.png) left -5px no-repeat} .sheet .login-form .FancyForm ul li .password .fff{background-position:left -40px} .non_inputs{float:left;width:100%;clear:left} #main_menu{position:absolute;left:0;top:0;height:38px} #nav_bar_home,#nav_bar_discover,#nav_bar_shopping,#nav_bar_introduction{display:block;padding:0 15px;height:39px;line-height:39px;float:left;color:#CB2027;font-size:14px;text-decoration:none} #main_menu .icon{display:block;float:left;width:18px;height:16px;background:url(../images/community/waterfall/main_menu_sprite.png?v3.png) 0 0 no-repeat;margin-top:10px} #main_menu .active{background:url(../images/community/waterfall/nav_select.png) -30px 0 repeat-x;border:1px solid #EEE;border-width:0 1px} #nav_bar_home:hover .icon,#nav_bar_home.active .icon{background-position:0 -40px} #nav_bar_tribe .icon{background-position:-100px 0} #nav_bar_tribe:hover .icon,#nav_bar_tribe.active .icon{background-position:-100px -40px} #nav_bar_shopping .icon{background-position:-149px 0} #nav_bar_shopping:hover .icon,#nav_bar_tribe.active .icon{background-position:-149px -40px} #main_menu a span{color:#000} #main_menu a.active span{color:#C90000} #main_menu .border{display:block;width:1px;height:39px;float:left;background:url(../images/community/waterfall/main_menu_sprite.png?v3.png) 0 -298px no-repeat} #nav_bar_discover{position:relative} #nav_bar_discover span{padding-right:16px} #nav_bar_discover .open{display:block;width:27px;height:38px;background:url(../images/community/waterfall/nav_arrow.png) 0 12px no-repeat;position:absolute;right:0;top:0;cursor:pointer} #nav_bar_discover .open:hover{background-position:0 -18px} #nav_bar_discover .opend{background-position:0 -48px} #nav_bar_discover .opend:hover{background-position:0 -78px} #newbies_welcome_overlay{background:#fff;background:rgba(255,255,255,.94)} #newbies_welcome_overlay .hero{width:800px;height:400px;margin:60px auto 0;padding:15px;position:relative} #newbies_welcome_overlay h1{color:#C90000;font-size:24px;padding:0;margin:20px 0 0} #newbies_welcome_overlay .brief{margin:50px 0 89px;width:400px;font-size:15px;line-height:24px;color:#999} #newbies_welcome_overlay .brief a{color:#C90000} #newbies_welcome_overlay .download{display:block;width:300px;height:61px} #newbies_welcome_overlay .firefox{background:url("../images/community/waterfall/about/btn_sprite.png") -622px 0 no-repeat} #newbies_welcome_overlay .firefox:hover{background-position:-622px -60px} #newbies_welcome_overlay .firefox:active{background-position:-622px -120px} #newbies_welcome_overlay .chrome{background:url("../images/community/waterfall/about/btn_sprite.png") 0 0 no-repeat} #newbies_welcome_overlay .chrome:hover{background-position:0 -60px} #newbies_welcome_overlay .chrome:active{background-position:0 -120px} #newbies_welcome_overlay .maxthon{background:url("../images/community/waterfall/about/btn_sprite.png") -940px 0 no-repeat} #newbies_welcome_overlay .maxthon:hover{background-position:-940px -60px} #newbies_welcome_overlay .maxthon:active{background-position:-940px -120px} #newbies_welcome_overlay .ie{background:url("../images/community/waterfall/about/btn_sprite_ie.png") 0 -1px no-repeat} #newbies_welcome_overlay .ie:hover{background-position:0 -61px} #newbies_welcome_overlay .ie:active{background-position:0 -121px} #newbies_welcome_overlay .preview{position:absolute;right:15px;top:100px} #newbies_welcome_overlay .caption{width:87px;height:21px;background:url("../images/community/waterfall/welcome/tip_jb.png") 0 0 no-repeat;position:absolute;right:287px;top:273px;vertical-align:bottom;padding:44px 0 0 22px;font-size:14px;color:#fff} #newbies_welcome_overlay .close{display:block;width:48px;height:48px;background:url("../images/community/waterfall/notification_close.gif") 0 -90px no-repeat;position:absolute;right:15px;top:23px;cursor:pointer} #newbies_welcome_overlay .close:hover{background-position:0 -138px} #newbies_welcome_overlay .close:active{background-position:0 -186px;top:24px} #message_indicator{position:fixed;z-index:5;top:200px;left:0;border-radius:4px;width:24px;box-shadow:0 1px 3px rgba(34,25,25,.5)} #message_indicator:after{content:"";display:block;position:absolute;right:0;top:23px;width:3px;height:1px;background:url('../images/community/waterfall/message_sprite.png') 0 0 no-repeat} #message_indicator .mentions,#message_indicator .activities{display:block;height:24px;line-height:24px;color:#fff;padding-right:24px;background:url('../images/community/waterfall/message_sprite.png') right -30px no-repeat;text-align:right;text-decoration:none;position:absolute;left:0;top:0} #message_indicator .mentions:hover{background-position:right -60px} #message_indicator .mentions:active{background-position:right -90px} #message_indicator .activities{background-position:right -210px;top:23px} #message_indicator .activities:hover{background-position:right -240px} #message_indicator .activities:active{background-position:right -270px} #message_indicator .mentions-unread,#message_indicator .activities-unread{background-position:right -120px} #message_indicator span{padding:0 3px 0 5px} #message_indicator .mentions-unread:hover{background-position:right -150px} #message_indicator .mentions-unread:active{background-position:right -180px} #message_indicator .activities-unread{background-position:right -300px} #message_indicator .activities-unread:hover{background-position:right -330px} #message_indicator .activities-unread:active{background-position:right -360px} #message_indicator .num{display:none} #message_indicator .activities-unread .num,#message_indicator .mentions-unread .num{display:block} #nav_bar{margin:15px 0;background:#fff;background:rgba(255,255,255,.98);box-shadow:0 1px 0 #FFF inset,0 1px 3px rgba(0,0,0,.15);font-size:14px;height:40px;position:relative;z-index:99} #nav_bar .cases{height:40px;border-right:1px solid #EDEDED;padding:0 5px 0 15px;float:left} #nav_bar .cases a{display:block;height:40px;line-height:40px;float:left;margin-right:10px;text-decoration:none} #nav_bar .cases em{display:block;width:18px;height:18px;float:left;margin:11px 3px 0 0;background:url(../images/community/waterfall/main_menu_sprite.png?v3.png) 0 -80px no-repeat} .cases #nav_bar_following em{background-position:-50px 0} .cases #nav_bar_following:hover em,.cases #nav_bar_following.active em{background-position:-50px -40px} .cases #nav_bar_latest:hover em,.cases #nav_bar_latest.active em{background-position:0 -120px} .cases #nav_bar_hottest em{background-position:-51px -80px} .cases #nav_bar_hottest:hover em,.cases #nav_bar_hottest.active em{background-position:-51px -120px} .cases #nav_bar_videos em{background-position:-100px -80px} .cases #nav_bar_videos:hover em,.cases #nav_bar_videos.active em{background-position:-100px -120px} .cases #nav_bar_promotion em{background-position:center center} .cases .active{color:#CB2027} .cases #nav_bar_promotion,#nav_bar .promotion,#nav_bar ul.promotion a,#nav_bar .promotion a{color:#D4B67B} #nav_bar .categories{float:left;padding-left:8px;position:relative} #nav_bar .categories a.recent{display:block;height:40px;line-height:40px;float:left;padding:0 8px;text-decoration:none;cursor:pointer} #nav_bar .categories a.active{color:#CB2027} #nav_bar .categories em{display:block;float:right;width:5px;height:5px;background:url(../images/community/waterfall/sprite_nav.png) -6px -39px no-repeat;margin:19px 0 0 8px} #nav_bar div.promotion{float:left;padding-left:8px;height:40px;line-height:40px} #nav_bar_more_categories{width:530px;padding:15px 0 20px 20px;position:absolute;left:0;top:40px;background:#fff;background:rgba(255,255,255,.98);overflow:hidden;box-shadow:0 1px 0 white inset,0 1px 3px rgba(0,0,0,.15);z-index:99;font-size:13px;line-height:20px;display:none} #nav_bar_more_categories::before{content:"";display:block;box-shadow:0 0 3px rgba(0,0,0,.15);border-bottom:1px solid #E0DEDE;margin:-15px 0 15px -20px} #nav_bar_more_categories img.promotion{display:block;height:80px;width:510px;padding-top:10px} #nav_bar_more_categories .row{float:left;width:120px;height:170px;margin-right:10px;border-right:1px solid #EDEDED} #nav_bar_more_categories .row a{display:block} #nav_bar_more_categories .last{margin-right:0;border-right:0} #nav_bar_more_categories .row .need-space{border-top:1px solid #EDEDED;width:110px;margin-top:5px;padding-top:5px} #nav_bar .switcher{position:absolute;right:0;top:0;height:40px;line-height:40px;padding:0 7px 0 12px;border-left:1px solid #EDEDED;background:#fff} #nav_bar .switcher a{display:block;height:40px;float:left;padding:0 8px;text-decoration:none} #nav_bar .switcher a em{display:block;float:left;width:14px;height:14px;background:url(../images/community/waterfall/sprite_nav.png) 0 -330px no-repeat;margin:13px 5px 0 0} #nav_bar_normal .switcher{position:absolute;right:0;top:0;font-size:14px;height:30px;line-height:30px} #nav_bar_normal .switcher a{display:block;float:left;background:url("../images/community/waterfall/sprite_nav.png") right -750px no-repeat;padding:0 10px 0 10px;text-decoration:none} #nav_bar_normal .switcher a em{display:block;float:left;width:14px;height:14px;background:url(../images/community/waterfall/sprite_nav.png) 0 -330px no-repeat;margin:8px 5px 0 0} #nav_bar_normal #switch_to_pin{background-position:0 -510px;border-right:1px solid #CCC} #nav_bar_normal #switch_to_pin:hover{background-position:0 -550px} #nav_bar_normal #switch_to_pin:active,#nav_bar_normal #switch_to_pin.active{background-position:0 -590px} #nav_bar_normal #switch_to_board:hover{background-position:right -790px} #nav_bar_normal #switch_to_board:active,#nav_bar_normal #switch_to_board.active{background-position:right -830px} .switcher a#switch_to_pin:hover em{background-position:0 -360px} .switcher a#switch_to_pin:active em,#nav_bar .switcher a#switch_to_pin.active em{background-position:0 -390px} .switcher a#switch_to_board em{background-position:-40px -330px} .switcher a#switch_to_board:hover em{background-position:-40px -360px} .switcher a#switch_to_board:active em,#nav_bar .switcher a#switch_to_board.active em{background-position:-40px -390px} #nav_bar .switcher a.active{color:#CB2027} #nav_bar_normal{position:relative;height:30px;line-height:30px;margin-top:20px;padding-bottom:10px;text-shadow:0 1px rgba(255,255,255,.9);font-size:18px} .fixed-nav.enable{position:fixed;top:0;left:0;background:#fff;background:rgba(255,255,255,.98);box-shadow:0 1px 0 #FFF inset,0 1px 3px rgba(0,0,0,.15);z-index:99996} .fixed-nav.enable #nav_bar{margin:0;background:0;box-shadow:none} .registration-tip{position:fixed;left:0;right:0;bottom:0;height:70px;background:url(../images/community/waterfall/black_0.6.png) 0 0 repeat;background:rgba(0,0,0,.6);z-index:100010} .registration-tip .inner{width:940px;margin:0 auto;position:relative} .registration-tip .tip{width:250px;margin-top:5px;padding:15px 80px 0 10px;background:url(../images/community/waterfall/registar-tip-arrow.png) 240px 25px no-repeat;height:60px} .registration-tip .tip h2{color:#fff;font-size:20px} .registration-tip .tip p{color:#fff;font-size:14px} .registration-tip .register-through{width:460px;padding:3px 2px 4px 5px;background:rgba(0,0,0,.3);box-shadow:0 0 1px rgba(255,255,255,.15);border-radius:5px;position:absolute;left:310px;top:10px} .registration-tip .register-through a{display:block;float:left;width:112px;height:35px;margin-right:3px;background:url(../images/community/waterfall/login/btn_sprite.png) 0 0 no-repeat;cursor:pointer} .registration-tip .register-through a.weibo{background-position:-456px 0} .registration-tip .register-through a.weibo:hover{background-position:-456px -40px} .registration-tip .register-through a.weibo:active{background-position:-456px -80px} .registration-tip .register-through a.douban{background-position:-228px 0} .registration-tip .register-through a.douban:hover{background-position:-228px -40px} .registration-tip .register-through a.douban:active{background-position:-228px -80px} .registration-tip .register-through a.renren{background-position:0 0} .registration-tip .register-through a.renren:hover{background-position:0 -40px} .registration-tip .register-through a.renren:active{background-position:0 -80px} .registration-tip .register-through a.qq{background-position:-342px 0} .registration-tip .register-through a.qq:hover{background-position:-342px -40px} .registration-tip .register-through a.qq:active{background-position:-342px -80px} .registration-tip .login{color:#fff;text-decoration:underline} .registration-tip .more{display:block;position:absolute;top:10px;left:800px;padding:3px 30px 4px 5px;background:url(../images/community/waterfall/go.png) 156px 10px no-repeat black;background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;text-decoration:underline;width:150px;height:35px;text-align:center;line-height:35px;cursor:pointer} .registration-tip .close{background:url(../images/community/waterfall/login/close_btn.png) 0 0 no-repeat;width:46px;height:46px;position:absolute;right:10px;top:10px;cursor:pointer;display:none} .registration-tip .inner .smooth-notification{border-radius:5px;width:200px;padding:10px;font-size:13px;text-align:left} .registration-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:100000} .registration-more-intro{width:820px;height:430px;position:fixed;left:50%;margin-left:-410px;top:15%;background:#fff;z-index:100005;box-shadow:0 0 15px rgba(0,0,0,.8)} .registration-more-intro .prev{width:35px;height:57px;background:url(../images/community/waterfall/left_ar.png) 0 0 no-repeat;position:absolute;left:-45px;top:186px;cursor:pointer} .registration-more-intro .next{width:35px;height:57px;background:url(../images/community/waterfall/right_ar.png) 0 0 no-repeat;position:absolute;right:-45px;top:186px;cursor:pointer} .registration-more-intro .intros{overflow:hidden;height:430px} .registration-more-intro .intro{opacity:0;position:absolute;left:0;top:0;height:430px;width:820px;background:url(../images/community/waterfall/intro1.jpg) 0 0 no-repeat;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out} .registration-more-intro .showing{opacity:1;z-index:5} .registration-more-intro a{position:absolute;font-size:14px} .registration-more-intro .go{width:125px;height:125px} .registration-more-intro .close{position:absolute;width:61px;height:59px;background:url(../images/community/waterfall/registration_intro_close.png) 0 0 no-repeat;right:0;top:0;cursor:pointer;z-index:6} .registration-more-intro .numbers{position:absolute;right:-10px;bottom:10px;z-index:8;width:120px} .registration-more-intro .numbers .num{width:22px;height:22px;background:url(../images/community/waterfall/num_grey.png) 0 0 no-repeat;float:left;margin-right:15px;cursor:pointer;color:#fff;text-align:center;line-height:22px} .registration-more-intro .numbers .active{background-image:url(../images/community/waterfall/num_red.png)} .ac-choices li{margin:0} #Profile .unit{margin:0 -15px;padding:15px} #task_start_tip{padding:10px;background:#FFFEF0;border:1px solid #F8E7C6;border-radius:2px;font-size:13px;line-height:20px;position:relative} #task_start_tip .start-button{width:82px;height:24px;margin:8px auto 0;background:url(../images/community/waterfall/tasks/task_start_btn.png) 0 0 no-repeat;cursor:pointer} #task_start_tip .start-button:hover{background-position:0 -30px} #task_start_tip .start-button:active{background-position:0 -60px} #task_start_tip .cls{width:16px;height:16px;background:url(../images/community/waterfall/tasks/div_close_btn.png) 0 0 no-repeat;position:absolute;right:-16px;top:-16px;visibility:hidden;cursor:pointer;opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear} .unit:hover #task_start_tip .cls{visibility:visible;opacity:1} #task_start_tip .cls:hover{background-position:0 -30px} #task_start_tip .cls:active{background-position:0 -60px} #task_progress{margin-top:10px;display:none} #task_progress h3{font-size:15px;color:grey;font-weight:400} #task_progress ol{margin-top:5px} #task_progress ol li{list-style:decimal inside;line-height:18px} #task_modules{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:100000;font-size:14px;color:#777;line-height:19px} #task_modules .module-exit{width:430px;height:178px;background:url(../images/community/waterfall/tasks/tasks_notice_colse.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-215px;margin-top:-89px} #task_modules .module .cls{width:24px;height:24px;background:url(../images/community/waterfall/tasks/tasks_close_btn.png) 0 0 no-repeat;position:absolute;right:-10px;top:-10px;cursor:pointer} #task_modules .module .cls:hover{background-position:0 -40px} #task_modules .module .cls:active{background-position:0 -80px} #task_modules .module-exit .cancel{width:140px;height:50px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) 0 0 no-repeat;position:absolute;left:90px;top:100px;cursor:pointer} #task_modules .module-exit .cancel:hover{background-position:0 -60px} #task_modules .module-exit .cancel:active{background-position:0 -120px} #task_modules .module-exit .exit{width:90px;height:50px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -160px 0 no-repeat;position:absolute;left:240px;top:100px;cursor:pointer} #task_modules .module-exit .exit:hover{background-position:-160px -60px} #task_modules .module-exit .exit:active{background-position:-160px -120px} #task_modules .module-step1-1{width:430px;height:228px;background:url(../images/community/waterfall/tasks/tasks_step_1_1.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-215px;margin-top:-114px} #task_modules .module-step1-1 .next{width:140px;height:50px;position:absolute;left:150px;top:150px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -270px 0 no-repeat;cursor:pointer} #task_modules .module-step1-1 .next:hover{background-position:-270px -60px} #task_modules .module-step1-1 .next:active{background-position:-270px -120px} #task_modules .module-step1-1 .highlight{width:220px;height:28px;position:absolute;background:url(../images/community/waterfall/tasks/task_step1_highlight.png) 0 0 no-repeat} #task_modules .module-step1-2{width:232px;height:160px;position:absolute} #task_modules .module-step1-2 .point{width:200px;height:120px;position:absolute;left:0;bottom:0;background:url(../images/community/waterfall/tasks/tasks_step_1_2.png) 0 0 no-repeat} #task_modules .module-step1-2 .add{position:absolute;right:0;top:0;width:74px;height:60px;background:url(../images/community/waterfall/tasks/task_step1_2_highlight.png) right top no-repeat;cursor:pointer} #task_modules .module-step1-3{width:270px;height:288px;position:absolute;z-index:9} #task_modules .module-step1-3 .point{width:200px;height:120px;position:absolute;left:0;bottom:0;background:url(../images/community/waterfall/tasks/tasks_step_1_3.png) 0 0 no-repeat} #task_modules .module-step1-3 .add{position:absolute;right:0;top:0;width:180px;height:200px;background:url(../images/community/waterfall/tasks/task_step1_3_highlight.png) right top no-repeat;cursor:pointer} #task_modules .module-step1-4{width:380px;height:130px;background:url(../images/community/waterfall/tasks/tasks_step_1_4.png) 0 0 no-repeat;position:absolute} #task_modules .module-step1-4 .fake-close{width:58px;height:58px;position:absolute;cursor:pointer} #task_modules .module-step1-5{width:430px;height:228px;background:url(../images/community/waterfall/tasks/tasks_step_1_5.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-215px;margin-top:-114px} #task_modules .module-step1-5 .next{width:140px;height:50px;position:absolute;left:150px;top:150px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -430px 0 no-repeat;cursor:pointer} #task_modules .module-step1-5 .next:hover{background-position:-430px -60px} #task_modules .module-step1-5 .next:active{background-position:-430px -120px} #task_modules .module-step2-1{width:780px;height:500px;background:url(../images/community/waterfall/tasks/tasks_step_2_1.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-390px;margin-top:-250px} #task_modules .module-step2-1 .text1{width:365px;position:absolute;left:56px;top:110px;text-align:justify} #task_modules .module-step2-1 .text2{width:180px;position:absolute;left:59px;top:390px;text-align:justify} #task_modules .module-step2-1 .text3{width:180px;position:absolute;left:410px;top:390px;text-align:justify} #task_modules .module-step2-1 .go{width:260px;height:50px;position:absolute;left:56px;top:210px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -830px -180px no-repeat;cursor:pointer} #task_modules .module-step2-1 .go:hover{background-position:-830px -250px} #task_modules .module-step2-1 .go:active{background-position:-830px -320px} #task_modules .module-step2-1 .go-goodies{width:310px;height:50px;position:absolute;left:56px;top:210px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -1100px -180px no-repeat;cursor:pointer} #task_modules .module-step2-1 .go-goodies:hover{background-position:-1100px -250px} #task_modules .module-step2-1 .go-goodies:active{background-position:-1100px -320px} #task_modules .module-step2-1 .chrome{background-position:-560px -180px} #task_modules .module-step2-1 .chrome:hover{background-position:-560px -250px} #task_modules .module-step2-1 .chrome:active{background-position:-560px -320px} #task_modules .module-step2-1 .firefox{background-position:-280px -180px} #task_modules .module-step2-1 .firefox:hover{background-position:-280px -250px} #task_modules .module-step2-1 .firefox:active{background-position:-280px -320px} #task_modules .module-step2-1 .ie{background-position:0 -180px} #task_modules .module-step2-1 .ie:hover{background-position:0 -250px} #task_modules .module-step2-1 .ie:active{background-position:0 -320px} #task_modules .module-step2-1 .disabled:hover,#task_modules .module-step2-1 .disabled:active,#task_modules .module-step2-1 .disabled{background-position:-560px -384px} #task_modules .module-step2-1 .highlight{width:220px;height:28px;position:absolute;background:url(../images/community/waterfall/tasks/task_step2_highlight.png) 0 0 no-repeat} #task_modules .module-step2-2{width:490px;height:228px;background:url(../images/community/waterfall/tasks/tasks_step_2_2.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-245px;margin-top:-114px} #task_modules .module-step2-2 .next{width:140px;height:50px;position:absolute;left:180px;top:150px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -430px 0 no-repeat;cursor:pointer} #task_modules .module-step2-2 .next:hover{background-position:-430px -60px} #task_modules .module-step2-2 .next:active{background-position:-430px -120px} #task_modules .module-welcome{width:430px;height:178px;background:url(../images/community/waterfall/tasks/tasks_welcome.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin-left:-215px;margin-top:-89px} #task_modules .module-welcome .start{width:140px;height:50px;position:absolute;left:145px;top:105px;background:url(../images/community/waterfall/tasks/tasks_btn_sprite.png?allnew.png) -590px 0 no-repeat;cursor:pointer} #task_modules .module-welcome .start:hover{background-position:-590px -60px} #task_modules .module-welcome .start:active{background-position:-590px -120px} #ReportForm{margin:25px} #ReportForm .ReportTitle{font-size:14px;color:#333} #ReportForm .ReportRadio{font-size:13px;color:#333;margin-top:2px;text-align:left} #ReportForm .ReportRadio .InputBlock{margin-top:8px;width:150px;display:inline-block;padding:15px 0} #ReportForm .Submit{margin-top:30px;text-align:center} #shiji_header_preview{text-align:left} #shiji_header_preview .date{width:90px;height:90px;background:url(../images/community/waterfall/shopping/tip_title_bg.png) 0 0 no-repeat;line-height:129px;color:#fff;text-align:center;float:left;margin-right:20px} #shiji_header_preview .title{font-size:14px;color:#444;float:left;display:block;width:240px} #shiji_header_preview .img-box{display:block;float:left;width:230px;margin-top:5px} #shiji_header_preview .close{display:block;position:absolute;right:3px;top:3px;width:20px;height:20px;background:url(../images/community/waterfall/shopping/icon_close.png) 2px 2px no-repeat;cursor:pointer} #shiji_header_preview .close:hover{background-position:2px -18px} #shiji_header_preview .close:active{background-position:2px -38px} #shadow_nav{background:url(../images/community/waterfall/subnav_bg.png) 0 0 repeat;padding-bottom:15px;box-shadow:inset 0 -3px 5px rgba(0,0,0,.02),0 1px 0 rgba(255,255,255,.9);overflow:hidden;height:161px;-webkit-transition:height .2s linear;-moz-transition:height .2s linear;-ms-transition:height .2s linear;transition:height .2s linear} #shadow_nav.closed{padding-bottom:0;height:0} #shadow_nav .tent{background:#fff;box-shadow:0 1px 0 white inset,0 1px 3px rgba(0,0,0,.15)} .huaban-shadow-nav .unit{width:33.3%;float:left;height:80px;text-align:center} .huaban-shadow-nav .border{height:80px;border-right:1px solid #F2F2F2;margin-left:-1px;float:left} .huaban-shadow-nav .line{width:100%;border-top:1px solid #F2F2F2;float:left;font-size:0} .huaban-shadow-nav .large-btn{display:inline-block;margin:24px 5px 0 5px;width:73px;height:30px;line-height:30px;border:1px solid #DDD;background:#FAFAFA;text-align:left;padding-left:15px} .huaban-shadow-nav .large-btn .icon{width:18px;height:18px;float:left;margin:5px 6px 0 0;background:url(../images/community/waterfall/main_menu_sprite.png) 0 -80px no-repeat} .huaban-shadow-nav .large-btn:hover{text-decoration:none} .huaban-shadow-nav .hot .icon{background-position:-50px -80px} .huaban-shadow-nav .video .icon{background-position:-100px -80px} .huaban-shadow-nav .latest:hover .icon,.huaban-shadow-nav .latest.active .icon{background-position:0 -120px} .huaban-shadow-nav .hot:hover .icon,.huaban-shadow-nav .hot.active .icon{background-position:-50px -120px} .huaban-shadow-nav .video:hover .icon,.huaban-shadow-nav .video.active .icon{background-position:-100px -120px} .huaban-shadow-nav .active{color:#C90000} .huaban-shadow-nav .unit ul{padding:18px 10px 0 95px;text-align:left} .huaban-shadow-nav .unit ul li{float:left;height:20px;margin:0 0 10px 0;font-size:13px;white-space:nowrap;overflow:hidden} .huaban-shadow-nav .unit ul li a{line-height:20px;padding:2px 5px} .wrapper933 .huaban-shadow-nav .unit ul li a{padding:2px 4px} .huaban-shadow-nav .unit ul li a.onthis{color:#fff;background:#C90000} .huaban-shadow-nav .unit0{background:url(../images/community/waterfall/nav_icons_big.png) 31px 20px no-repeat} .huaban-shadow-nav .unit1{background:url(../images/community/waterfall/nav_icons_big.png) 31px -81px no-repeat} .huaban-shadow-nav .unit2{background:url(../images/community/waterfall/nav_icons_big.png) 31px -172px no-repeat} .huaban-shadow-nav .unit3{background:url(../images/community/waterfall/nav_icons_big.png) 31px -272px no-repeat} .huaban-shadow-nav .unit4{background:url(../images/community/waterfall/nav_icons_big.png) 31px -372px no-repeat} .huaban-shadow-nav .unit4 ul{position:relative} .huaban-shadow-nav .unit4 .promotion{position:absolute;left:100px;top:40px} .wrapper1170 .huaban-shadow-nav .unit4 .promotion{left:85px} .wrapper933 .huaban-shadow-nav .unit4 .promotion{left:53px} .huaban-shadow-nav .unit4 .promotion a{padding:0;color:#D4B67B} .huaban-shadow-nav .unit4 .promotion a.with-img{background-position:left center;background-repeat:no-repeat;padding-left:20px} .wrapper1170 .huaban-shadow-nav .unit ul{padding:18px 0 0 80px} .wrapper1170 .huaban-shadow-nav .unit0{background:url(../images/community/waterfall/nav_icons_big.png) 25px 20px no-repeat} .wrapper1170 .huaban-shadow-nav .unit1{background:url(../images/community/waterfall/nav_icons_big.png) 25px -81px no-repeat} .wrapper1170 .huaban-shadow-nav .unit2{background:url(../images/community/waterfall/nav_icons_big.png) 25px -172px no-repeat} .wrapper1170 .huaban-shadow-nav .unit3{background:url(../images/community/waterfall/nav_icons_big.png) 25px -272px no-repeat} .wrapper1170 .huaban-shadow-nav .unit4{background:url(../images/community/waterfall/nav_icons_big.png) 25px -372px no-repeat} .wrapper933 .huaban-shadow-nav .unit ul{padding:18px 0 0 48px} .wrapper933 .huaban-shadow-nav .unit0{background:url(../images/community/waterfall/nav_icons_small.png) 9px 20px no-repeat} .wrapper933 .huaban-shadow-nav .unit1{background:url(../images/community/waterfall/nav_icons_small.png) 9px -81px no-repeat} .wrapper933 .huaban-shadow-nav .unit2{background:url(../images/community/waterfall/nav_icons_small.png) 9px -172px no-repeat} .wrapper933 .huaban-shadow-nav .unit3{background:url(../images/community/waterfall/nav_icons_small.png) 9px -272px no-repeat} .wrapper933 .huaban-shadow-nav .unit4{background:url(../images/community/waterfall/nav_icons_small.png) 9px -372px no-repeat} .wrapper933 .huaban-shadow-nav .large-btn{margin:24px 3px 0 3px} #flying_shadow_nav{position:absolute;width:100%;top:39px;left:0} #flying_shadow_nav.closed{display:none} #flying_shadow_nav .tent{background:#fff;box-shadow:0 1px 0 white inset,0 1px 3px rgba(0,0,0,.15)} .pin-board-switcher li{float:left;font-size:15px;background:url("../images/community/waterfall/tribe/tab_sprite.png") -1px -210px no-repeat;border-right:1px solid #CCC} .pin-board-switcher li.first{background-position:0 -90px} .pin-board-switcher li.last{background-position:right -330px;border:0} .pin-board-switcher li.first.selected{background-position:0 -170px} .pin-board-switcher li.selected{background-position:-1px -290px} .pin-board-switcher li.last.selected{background-position:right -410px} .pin-board-switcher li a{display:block;background:url("../images/community/waterfall/tribe/tab_sprite.png") -113px 8px no-repeat;height:26px;line-height:26px;font-size:14px;cursor:pointer;text-decoration:none;padding:2px 8px 2px 27px} .pin-board-switcher li.selected a{background-position:-113px -22px} .pin-board-switcher li a:hover{background-position:-113px -52px} .pin-board-switcher li.selected a.pin-link{background-position:7px -22px} .pin-board-switcher li a.pin-link:hover{background-position:7px -52px} .pin-board-switcher li.selected a.weibo-link,.pin-board-switcher li.selected a.user-link{background-position:-233px -22px} .pin-board-switcher li a.weibo-link:hover,.pin-board-switcher li a.user-link:hover{background-position:-233px -52px} .pin-board-switcher li a.pin-link{background-position:7px 8px} .pin-board-switcher li a.weibo-link,.pin-board-switcher li a.user-link{background-position:-233px 8px} .pin-board-switcher{display:inline-block} #ctx_bar .p .pin-board-switcher{vertical-align:middle;margin-left:20px} #ctx_bar .p{margin:4px 0 0;padding:0;font-size:1.8em;line-height:1em;font-weight:300;color:#211922;border-width:0} #header .login-btn,#header .signup-btn{display:inline-block;vertical-align:top;margin-left:10px} #hotkeys_intro{background-color:#fff;background-image:none;border-width:3px;border-radius:4px;padding:10px 15px 15px;box-shadow:0 0 8px rgba(0,0,0,.2);border:0;min-height:0} #hotkeys_intro h2{font-size:16px;margin:0;padding:0} #hotkeys_intro td{text-align:left;padding:5px 5px 0} #hotkeys_intro .hotkey{display:inline-block;min-width:10px;height:18px;padding:0 4px;color:#555;font-size:11px;line-height:18px;background-color:#EEE;background-image:-moz-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-webkit-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-ms-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:-o-linear-gradient(top,whiteSmoke 0,#EEE 100%);background-image:linear-gradient(top,whiteSmoke 0,#EEE 100%);box-shadow:inset 0 1px 0 white,0 1px 0 #CCC;border-radius:3px;border:1px solid #CCC;text-align:center} #hotkeys_intro .plus{padding:0 2px} #hotkeys_intro .ln1{margin-right:10px} #hotkeys_intro table{margin-bottom:10px;float:left;width:200px} #hotkeys_intro table .title td{padding-top:9px;font-weight:700} #anniversary_callout{width:380px;height:210px;margin-left:-190px;padding:0;background:url(../images/community/waterfall/anniversary/oneyear_popout_bg.png) no-repeat;box-shadow:0 1px 10px rgba(0,0,0,.3);-moz-box-shadow:0 1px 10px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.3);border:0} #anniversary_callout .join_event{width:120px;height:48px;background:url(../images/community/waterfall/anniversary/oneyear_popout_view_btn.png) no-repeat;position:absolute;bottom:30px;left:130px} #anniversary_callout .close{width:24px;height:24px;background:url(../images/community/waterfall/anniversary/oneyear_popout_close_btn.png) no-repeat;margin-right:-12px;margin-top:-12px;border:0} #mobile_callout{position:fixed;width:100%;height:102px;height:20%;bottom:0;left:0;background:rgba(0,0,0,.42);border-top:1px solid #B4B4B4;text-align:center} #mobile_callout .spacer{height:20%} #mobile_callout .go{width:80%;height:80%;display:block;margin:0 auto;background:url(../images/community/waterfall/mobile_download_btn_iphone.png) center center no-repeat;background-size:contain} #mobile_callout .cls{position:absolute;right:2%;top:2%;width:8%;height:18%;background:url(../images/community/waterfall/mobile_close_btn.png) right top no-repeat;background-size:contain;cursor:pointer} #mobile_callout.android .go{background-image:url(../images/community/waterfall/mobile_download_btn_android.png)} #mobile_callout.ipad .go{background-image:url(../images/community/waterfall/mobile_download_btn_ipad.png)} .clear-input{display:inline-block;padding:6px 10px;font-size:16px;font-weight:300;line-height:1.2;color:#221919;background:#fff;border:1px solid #CCC;border-radius:6px;box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);width:250px} .clear-input:focus{box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8),0 0 14px rgba(235,82,82,.35);border-color:#930} textarea.clear-input{height:57px} #chq_landing{width:200px;height:144px;background:url(../images/community/waterfall/chq_landing_bg.png) center center no-repeat;position:fixed;left:50%;top:390px;margin-left:-670px} #chq_landing .go{display:block;width:162px;height:50px;background:url(../images/community/waterfall/chq_landing_btn.png) 0 0 no-repeat;margin:20px auto 0} #chq_landing .go:hover{background-position:0 -60px} #chq_landing .go:active{background-position:0 -120px} #chq_landing .join{font-size:16px;color:#777;text-align:center;margin-top:5px;line-height:22px} #chq_landing .join p{font-weight:700} #sheet .chrome-addon-error{font-size:16px;text-align:center;line-height:60px} #chrome_addon_download_tip .modal{width:720px;margin-left:-360px} #chrome_addon_download_tip .inner{margin:28px 0 34px 30px} #chrome_addon_download_tip .step{width:230px;float:left} #chrome_addon_download_tip .title{height:32px;line-height:32px;font-size:13px;padding-left:35px;background:url(../images/community/waterfall/chrome_notice_step_bg.png) 0 0 no-repeat #f5f5f5;margin-bottom:18px} #chrome_addon_download_tip .step2 .title{background-position:0 -80px} #chrome_addon_download_tip .step3 .title{background-position:0 -160px} #chrome_addon_download_tip .title a{color:#C90000;text-decoration:underline} #related_recommend{padding:20px} #related_recommend .title{font-size:14px;font-weight:700} #related_recommend .recommend-pins-unit{width:600px;margin-top:20px} #related_recommend .recommend-pin{width:180px;margin-right:20px;float:left} #related_recommend .recommend-pin .img{display:block;position:relative} #related_recommend .recommend-pin .img .price{position:absolute;background:rgba(0,0,0,.4);bottom:0;left:0;color:#fff;text-decoration:none;padding:0 4px;height:20px;line-height:20px;font-size:12px} #related_recommend .recommend-pin .description{background:#FAFAFA;line-height:15px;height:40px;padding:10px} #related_recommend .recommend-pin .description .inner{height:30px;overflow:hidden} #related_recommend .recommend-board{padding:19px;background:#FAFAFA;border:1px solid #EDEDED;margin-top:20px;position:relative} #related_recommend .recommend-board h4{font-size:18px;font-weight:700;margin-bottom:5px} #related_recommend .recommend-board .stats{font-size:14px;margin-bottom:8px;color:#999} #related_recommend .recommend-board .stats .pin-count{padding-right:10px;border-right:1px solid #999} #related_recommend .recommend-board .stats .form{padding-left:10px} #related_recommend .recommend-board .pins{margin-right:-20px;display:block} #related_recommend .recommend-board .pins .main{display:block;width:213px;height:213px;float:left;margin-right:5px} #related_recommend .recommend-board .pins .others{width:327px;float:left} #related_recommend .recommend-board .pins .others .el{display:block;float:left;width:104px;height:104px;margin:0 5px 5px 0} #related_recommend .recommend-board .follow-btn{position:absolute;right:20px;top:25px} #related_recommend .arr{position:absolute;right:20px;top:20px;width:20px;height:20px;cursor:pointer} #related_recommend .arr i{display:block;width:10px;height:10px;background:url(../images/community/waterfall/arrow_cover_uncover.png) -20px 0 no-repeat;position:absolute;right:0;top:4px} #related_recommend .arr:hover i{background-position:-20px -20px} #related_recommend .arr:active i{background-position:-20px -40px} #related_recommend.closed .arr i{background-position:0 0} #related_recommend.closed .arr:hover i{background-position:0 -20px} #related_recommend.closed .arr:active i{background-position:0 -40px} #related_recommend.closed{height:17px;overflow:hidden;cursor:pointer} @media (max-width: 414px) { .pin, .Board{ width: 100%; } .pin a.img img, .Board a.img img { width: 100%; text-align: center; margin: 0 auto; } }