叠加使图标可点击在准备好的模板中

Question

我想知道如何在投资组合部分的图片上将鼠标悬停叠加层中的搜索图标或标题点击。

以下是模板及其所有资产的链接：http://www.templatemo.com/tm-406-flex

实时观看：http://www.templatemo.com/live/templatemo_406_flex

还有HTML代码：

  <div class="row">
    <div class="portfolio-item col-md-3 col-sm-6">
        <div class="portfolio-thumb">
            <img src="images/gallery/p1.jpg" alt="">
            <div class="portfolio-overlay">
                <h3>Heading</h3>
                <p>flex is a html theme.</p>
                <a href="images/gallery/p2.jpg" data-rel="lightbox" class="expand">
                   <i class="fa fa-search"></i>
                </a>
            </div> <!-- /.portfolio-overlay -->
        </div> <!-- /.portfolio-thumb -->
    </div> <!-- /.portfolio-item -->