static front page image hover

hi,
i am using a static front page created from PAGE and using the same style as the original with little tweaks. and now i’m having problem with the white hover in image when my pointer in the article.

code used:

<div class="row column-content-wrapper">
<div id="content" class="home span12 tc-post-list-grid tc-grid-shadow tc-grid-border tc-gallery-style" >
<div class="contents"></div>
<section class="row-fluid grid-cols-3">
                <article id="post-8501" class="tc-grid span4 post-8501 post type-post">
<section class="tc-grid-post"><figure class="tc-grid-figure has-thumb" style="line-height: 227px; height: 227px;"><div class="tc-grid-icon"></div><img width="320" height="240" src="http://www.his.com.my/wp-content/uploads/page-jpn.jpg" class="attachment-tc-grid tc-thumb-type-thumb wp-post-image wp-post-image v-centered tc-smart-loaded" alt="jpn" srcset="http://www.his.com.my/wp-content/uploads/page-jpn-300x225.jpg 300w, http://www.his.com.my/wp-content/uploads/page-jpn.jpg 320w" sizes="(max-width: 320px) 100vw, 320px" style="width: 368px; height: auto; top: -25.5px; left: 0px; display: inline;">
<figcaption class="tc-grid-excerpt">
<div class="entry-summary">
<div class="tc-g-cont">Our extensive selection of Japan Tour packages specially made for you</div>              </div>
          <a class="tc-grid-bg-link" href="http://www.his.com.my/visit-japan/" title="VISIT JAPAN"></a><span class="tc-grid-fade_expt"></span>              </figcaption>
            </figure></section>
            <header class="entry-header">
          <h2 class="entry-title "><a href="http://www.his.com.my/visit-japan/" title="Permalink to VISIT JAPAN" rel="bookmark">VISIT JAPAN</a> <span class="edit-link btn btn-inverse btn-mini"><a class="post-edit-link" href="http://www.his.com.my/wp-admin/post.php?post=8501&action=edit" title="Edit">Edit</a></span></h2> </header></article>
          <hr class="featurette-divider __after_article">