Exibição de imagens

Consegue um template que tem o lugar das fotos, e tem a legenda, mas quando clico na imagem e ela expande a legenda não aparece, e eu queria essa mesma legenda quando expandir a imagem, se alguém puder me ajudar, o código segue abaixo :

<div id="fh5co-products" data-section="products">

 <div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 fh5co-section-heading text-center">
<h2 class="fh5co-lead animate-single product-animate-1">Nossas fotos fofinhas</h2>
<p class="fh5co-sub animate-single product-animate-2">Amor, aqui estão algumas fotinhas que eu achei fofas e que tem alguma coisa que eu queira falar. Desculpa não ter colocado a legenda na própria foto.</p>
</div>

<div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12">
<a href="images/tile1.jpg" class="fh5co-figure to-animate image-popup">
<figure>
<img src="images/pequenas/tile1.jpg" alt="Free HTML5 Responsive Template" class="img-responsive">
</figure>
<h4 class="fh5co-figure-lead">Essa é a legenda</h4>
<p class="fh5co-figure-text">Essa é a legenda</p>
</a>
</div>

<div class="clearfix visible-sm-block"></div>

<div class="fh5co-spacer fh5co-spacer-sm"></div>

<div class="col-md-4 col-md-offset-4 text-center to-animate">
<a href="#" class="btn btn-primary">View All Products</a>
</div>
 </div>
 </div>

</div>