<!--block starts -->

                 <div class="col-xs-6 col-sm-4 blogpost">
                 <div class="thumbnail">
                     <img src="images/cap-am-civ-war.jpg">
                     <div class="caption"><h4>Captain America:
                         3</h4></div>
                      <div class="hiden">
                         <p>He difficult contented we determine ourselves me am earnestly. Hour no find it park. Eat welcomed any husbands moderate.</p>
                     <div class="well">
        <span class="rating">
          <span class="fa fa-star fa-2x"></span><span class="fa fa-star fa-2x"></span><span class="fa fa-star fa-2x"></span><span class="fa fa-star fa-2x"></span><span class="fa fa-star fa-2x"></span>
        </span>
      </div>
       </div>

</div>
</div>
                 <!--block ends -->

CSS:

.hiden{
    display: none;
}
.blogpost:hover .hiden{
    display: block;

}
.blogpost:hover{
    padding:5px;
    cursor: pointer;
    }
.well{
    margin-bottom: auto;
}

Используется bootstrap 3