javascript - ナビゲーションが固定されているため、fancybox の上下にマージンを追加する

Question

この質問で見つけたコードを使用して、ページの上部に固定ナビゲーション バーがあるため、fancybox 画像の上部と下部に余白を追加しました。それが言ったように、私はこれを私のjQueryに追加しました：

<script type="text/javascript">
    $("a.fancybox").fancybox({
    margin: [120, 60, 50, 60] // top, right, bottom, left
});</script>

この下：

<script type="text/javascript">
    $(document).ready(function() {
    $("a.fancybox").fancybox({
        'transitionIn'  :   'fade',
        'transitionOut' :   'fade',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   true
    }); 

    });
    </script>

問題は、単一の画像をクリックすると、希望どおりに機能する (ナビゲーションの上に座る) ことですが、画像をナビゲートすると、背の高い次の画像 (縦向き) が再びナビゲーションの後ろに座ってしまいます。トップマージンの値を増やしてみましたが、何も変わりません。

これはファンシーボックスのあるページです: http://pacificdesignacademy.com/gallerygd.php

ここで何か間違ったことをしていますか？どんな提案でも大歓迎です。ありがとう！