Как c lightgallery подружить ссылки при ховере?

<a class="hovereffect nopadding col-sm-4 col-xs-6 pull-left" href="img/portfolio-01.jpg">
   <img class="img-responsive" src="img/portfolio-01.jpg">
     <div class="overlay">
       <div class="rotate">
          <p class="group1">
             <a href="#">
                        	<i class="fa fa-twitter"></i>
             </a>
             <a href="#">
                       		<i class="fa fa-facebook"></i>
             </a>
          </p>
          <hr>
          <hr>
          <p class="group2">
             <a href="#">
                      	  <i class="fa fa-instagram"></i>
             </a>
             <a href="#">
                       	 	<i class="fa fa-dribbble"></i>
             </a>
          </p>
       </div>
    </div>
 </a>