.uc-container{position:relative;width:100px;height:100px;top:0;left:0}.uc-back,.uc-final-wrapper,.uc-front,.uc-initial-content,.uc-single{background:#fff}.uc-final,.uc-final-wrapper,.uc-initial{width:100%;height:100%;position:absolute;top:0;left:0}.uc-final-content,.uc-initial-content{width:100%;height:100%;position:relative}.uc-final,.uc-final-content{display:none}.uc-initial-content{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.uc-part{top:0;left:0;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(0);transform:translateZ(0)}.uc-part>div{display:block;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.uc-part .uc-back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.uc-unfold-left{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-o-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.uc-unfold-right{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-o-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.uc-unfold-top{-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%}.uc-unfold-bottom{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.uc-unfold-left.uc-unfold{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.uc-unfold-right.uc-unfold{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.uc-unfold-top.uc-unfold{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}.uc-unfold-bottom.uc-unfold{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}.uc-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.uc-flipoverlay,.uc-overlay{background-color:rgba(100,100,100,.7);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.uc-flipoverlay{background-color:rgba(100,100,100,.4)}.uc-inner{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%}.uc-inner-rotate{-webkit-transform:rotateY(180deg) rotateX(180deg);-moz-transform:rotateY(180deg) rotateX(180deg);-o-transform:rotateY(180deg) rotateX(180deg);-ms-transform:rotateY(180deg) rotateX(180deg);transform:rotateY(180deg) rotateX(180deg)}.uc-container.uc-current{z-index:9999}*,:after,:before{padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{font-family:'Open Sans Condensed','Arial Narrow',serif;background:#ddd;font-weight:400;font-size:15px;color:#333;-webkit-font-smoothing:antialiased;overflow-y:scroll;overflow-x:hidden}a{color:#555;text-decoration:none}.container{width:100%;position:relative}.main{width:90%;margin:0 auto;position:relative}.container>header{margin:10px;padding:20px 10px 10px 10px;position:relative;display:block;text-align:center}.container>header h1{font-size:36px;line-height:36px;position:relative;font-weight:300;color:#166c6f;text-shadow:1px 1px 1px rgba(255,255,255,.8)}.container>header h2{font-size:14px;font-weight:300;padding:10px 0 0 0;color:#134142;font-family:Microsoft Yahei,Cambria,Georgia,serif;font-style:italic;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.codrops-demos{text-align:center;display:block;line-height:30px;padding:5px 0}.codrops-demos a{display:inline-block;margin:0 4px;padding:0 6px;color:#fff;line-height:20px;font-size:14px;text-shadow:1px 1px 1px #000;border:1px solid #000;background:#45484d;background:-moz-linear-gradient(top,#45484d 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0,#000 100%);background:-o-linear-gradient(top,#45484d 0,#000 100%);background:-ms-linear-gradient(top,#45484d 0,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 100%);box-shadow:0 1px 1px rgba(0,0,0,.5)}.codrops-demos a:hover{background:#000}.codrops-demos a:active{background:#000}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{background:#666;border-color:#333;color:#ddd;box-shadow:0 1px 1px rgba(255,255,255,.5)}.support-note span{color:#ac375d;font-size:16px;display:none;font-weight:700;text-align:center;padding:5px 0}.no-cssanimations .support-note span.no-cssanimations,.no-csstransforms .support-note span.no-csstransforms,.no-csstransforms3d .support-note span.no-csstransforms3d,.no-csstransitions .support-note span.no-csstransitions{display:block}[class*=" icon-"]:before,[class^=icon-]:before{font-family:entypo-selected;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;line-height:1em}.icon-cancel:before{content:'\2715'}.icon-plus-circle:before{content:'\50'}.icon-forward:before{content:'\47'}.icon-search:before{content:'\5a'}.friend-links .grid{width:460px;margin:30px auto}.friend-links .uc-container{width:200px;height:150px;float:left;margin:15px}.friend-links .uc-back,.friend-links .uc-final,.friend-links .uc-front,.friend-links .uc-initial-content,.friend-links .uc-single{background:#29a6aa url(../../images/links/noise.png) repeat top left}.friend-links .icon-eye{position:absolute;top:0;left:0;text-indent:4px;font-size:60px;color:transparent;color:rgba(255,255,255,0);width:100%;height:100%;line-height:145px;text-align:center;background:rgba(41,166,170,0);cursor:pointer;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}.no-touch .friend-links .uc-initial-content:hover .icon-eye{color:rgba(255,255,255,.8);background:rgba(41,166,170,.7);background-image:url(../../images/links/view.png)}.friend-links .uc-initial-content img{display:block}.friend-links .title{position:absolute;background:rgba(255,255,255,.9);bottom:10px;left:10px;right:10px;padding:10px;font-size:12px;line-height:16px;font-weight:700}.friend-links .title h4{color:#aaa}.friend-links .image-link{width:20px;height:20px;top:5px;left:5px;position:absolute}.friend-links .icon-link{width:30px;height:30px;background:#ddd;position:absolute;right:10px;top:10px;line-height:26px;text-align:center;font-size:18px;border-radius:50%;text-indent:2px}.friend-links .icon-cancel{position:absolute;background:rgba(0,0,0,.4);text-align:center;line-height:15px;font-size:18px;color:#fff;opacity:1;width:18px;top:10px;right:10px;cursor:pointer;border-radius:2px;box-shadow:0 1px 0 rgba(255,255,255,.4)}.friend-links .icon-cancel:hover{background:#000}