Yardımcı olursanız çok sevinirim.
bu da CSS bölümü
/*--------------- #9 Feature Box---------------*/
.featBox{ padding:0; margin:0px auto; display:block; overflow:hidden;}
.featBox li{ width:290px; cursor:pointer; margin:0 35px 0 0; position:relative; float:left; display:inline-block; text-align:center; border-bottom:5px solid #eaeaea; padding-bottom:20px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -mox-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.featBox li .overlay{display:none; height:133px; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
.featBox li:hover{ border-bottom:5px solid #c20509;}
.featBox li:hover .overlay{ display:block;}
.featBox li:last-child{ margin-bottom:0;}
.featBox h3{ padding:20px 0 12px; text-transform:uppercase;}
.featBox p{ font-size:12px; line-height:normal; }
.featBox li figure{ height:auto; vertical-align:middle; }
.featBox li figure img{ vertical-align:middle;}
.jcarousel-skin-tango .jcarousel-item a:hover figcaption {border-bottom: 1px solid #c20509 ;
transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;} 
