[Theme:Customizr] article hover

I having trouble with the hover article. When i mouseover the article, my images opacity is around 6-7. I am using the auto front page code to reproduce a static front page.

<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">