Не могу поменять CSS из jQuery
 

Всем привет! Есть страница: http://fenix-63.hol.es/bulvar/

Мне надо в разделе "Фотогалерея нашего центра" сделать так, чтоб при клике на фоту, она открывалась (это работает), и чтоб была видна кнопка "закрыть" - это стандартная кнопка fancyBox.

Сейчас я её скрыл с помощью CSS:

А вот сделать это свойство visible обратно почему то не могу. Вот код:

$('.photos .photo-item a img').click(function(){
                $('.fancybox-close').css('visibility','visible');
            });

Не работает ни в какую. Раньше часто приходилось из jQuery CSS-свойства менять, и никаких проблем не было, а тут вот при использовании fancybox такая беда, я уже голову сломал, народ, помогите пожалуйста, как мне эту проблему решить?

fenix_63,
а зачем скрывать, чтоб потом открыть?

fenix_63,
нормальное решение воспользоваться api fancybox вместо click, ненормальное использовать прежнее решение, но понять что кнопки нет, и дополнить.

рони скрывал для того, чтоб отобразить мою собственную кнопку. Да, пробовал пользоваться api fancybox. Не получилось. В общем нашёл решение. Заменил картинку кнопки закрытия, и с помощью позиционирования сделал всё как надо.

fenix_63,
использование api fancybox afterShow или afterLoad

$(".fancybox").fancybox({
    afterLoad: function(current, previous) {
       $('.fancybox-close').css('visibility','visible');
    }
});

использование костыля

$('.photos .photo-item a img').click(function() {
    window.setTimeout(function() {
        $('.fancybox-close').css('visibility', 'visible');
    }, 1000)
});