.top3-feature article{position:relative;overflow:hidden;max-width:320px;max-height:243px;cursor:pointer;border-radius:10px;margin:0 auto}.top3-feature article #feature-img{border-radius:10px}.top3-feature article figcaption{color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top3-feature article figcaption::after,.top3-feature article figcaption::before{pointer-events:none}.top3-feature article figcaption,.top3-feature article figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.top3-feature article figcaption>a{z-index:1000;white-space:nowrap;font-size:0;opacity:0}.top3-feature article h2{font-family:Arial,Helvetica,sans-serif;color:#fff;position:relative;font-size:16px;padding:0;margin:210px 0 0 16px;text-shadow:1px 1px 0 rgba(0,0,0,1);z-index:10}.top3-feature article div#feature-author,.top3-feature article p#feature-sub,.top3-feature article span{color:#fff;font-family:Arial,Helvetica,sans-serif;position:relative;font-size:12px;text-shadow:1px 1px 0 rgba(0,0,0,1);z-index:10}.top3-feature article p#feature-sub{margin:190px 0 0 16px}.top3-feature article div#feature-author{text-align:left;margin:100px 0 0 16px}.top3-feature article span{text-align:left;margin:10px 0 0 16px}.top3-feature .feature-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:10px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.95) 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,.95)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.95) 90%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.95) 90%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.95) 90%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.95) 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000', GradientType=0 );-webkit-transition:opacity 3s ease-in-out;-moz-transition:opacity 3s ease-in-out;-ms-transition:opacity 3s ease-in-out;-o-transition:opacity 3s ease-in-out;opacity:1}article.feature-effect figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,.6) 0,rgba(0,0,0,.9) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,.9) 100%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);border-radius:10px}article.feature-effect div#feature-author,article.feature-effect figcaption::before,article.feature-effect p#feature-sub,article.feature-effect span{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}article.feature-effect h2{position:absolute;top:0;left:0;width:88%;color:#fff;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}article.feature-effect p#feature-sub{bottom:0;left:0;padding:0;width:90%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}article.feature-effect div#feature-author,article.feature-effect span{top:0;bottom:0;left:0;padding:0;width:90%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}article.feature-effect:hover h2{margin-top:140px;color:#00a4ff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}article.feature-effect:hover p#feature-sub{opacity:1;margin-top:125px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}article.feature-effect:hover div#feature-author{opacity:1;margin-top:6px;border-top:1px solid #4d4d4d;padding-top:6px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}article.feature-effect:hover span{opacity:1;margin-top:10px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}article.feature-effect:hover figcaption::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}