FancyBox Padding (superior e inferior) - html, css, fancybox, preenchimento, fancybox-2

Adicionei uma caixa sofisticada à minha galeria de imagens,e, por padrão, há espaço à esquerda e à direita de cada imagem, mas nenhum na parte superior e inferior. Eu tentei adicionar preenchimento usando CSS, mas nada muda. Isto é o que eu fiz:

#fancy {
padding-top: 25px;
padding-bottom: 25px;
}

Este é o HTML:

<div id="fancy" class="container ">
<div class="page-title">
<h1>Church <span>Visit</span></h1>
</div>

<a rel="gallery" title="Takoosh Hovsepian speaking at Skyline Church with Jim Garlow & Dr. James Dobson" class="fancybox" href="images/gallery/church_visit/770 x 510_pic2.jpg"><img src="/images/images/gallery/church_visit/thumbs/220x132_pic2.jpg" alt=""/></a>
<a rel="gallery" title="Leading worship at Calvary Church Pennsylvania " class="fancybox" href="images/gallery/church_visit/770 x 510_pic3.jpg"><img src="/images/images/gallery/church_visit/thumbs/220x132_pic3.jpg" alt=""/></a>
<a rel="gallery" title="Joseph Hovsepian speaking at Downey, CA Christian school" class="fancybox" href="images/gallery/church_visit/770 x 510_pic4.jpg"><img src="/images/images/gallery/church_visit/thumbs/220x132_pic4.jpg" alt=""/></a>
<a rel="gallery" title="Andre Hovsepian speaking at youth conference" class="fancybox" href="images/gallery/church_visit/770 x 510_pic6.jpg"><img src="/images/images/gallery/church_visit/thumbs/220x132_pic6.jpg" alt=""/></a>
<a rel="gallery" title="Takoosh Hovsepian speaking at Open Doors women conference in Netherlands" class="fancybox" href="images/gallery/church_visit/770 x 510_pic5.jpg"><img src="/images/images/gallery/church_visit/thumbs/220x132_pic5.jpg" alt=""/></a>

</div>

Também tentei alterar o preenchimento no jquery.fancybox.css e ainda nada muda. Não tenho certeza se estou adicionando o preenchimento no lugar errado ou se o problema é outra coisa.

Aqui está minha galeria

Respostas:

Tente isto:

 #fancy{
margin-top: 25px;
margin-bottom: 25px;
}