Check this link..........http://codepen.io/CodeRapp3r/pen/nfaxq i am stuck here.i want to hover effect sale as present in this word press theme http://yithemes.com/live/?theme=bazar

1)i want to fixed title at the bottom of page i.e in this example zombie in the closet

2step--all content present in class=entry-tag or content present below of zombie in the closet ..initailly hide

3)when i mouse over on main box or content... then initial hide content sllide downword and scale whole box or content

    <li>
              <article class="entry" id="#comm_add1">

                  <div class="entry-featured" class="product-hover">
                    <a href="comman-vid1.html?http://www.youtube.com/embed/Aw03bV9mlQU" class="overlay" id="youtube-link"  title="Video opens in ColorBox" data-title="Take the Bus <small>Video Opens in ColorBox</small>" target="_blank">
                      <div class="color-overlay"></div>
                      <div class="content-overlay plus icon"></div>
                      <img src="https://i2.ytimg.com/vi/M11SvDtPBhA/mqdefault.jpg" alt="Image" />
                    </a>
                  </div><!-- .entry-featured -->

                  <div class="entry-body">
                    <h2 class="entry-title">
                      <a href="#">
                        Zombie in the Closet
                      </a>

                    </h2><!-- .entry-title -->

                    <div class="entry-meta">
                      <span class="entry-tags">
                            <small class="buy_button"> dadada </small>
                        <span>Digital Art</span>
                        <span class="separator">|</span>
                        <span>Illustration</span>
                      </span>
                    </div><!-- .entry-meta -->
                  </div><!-- .entry-body -->

              </article>
            </li>