Не работает оверлей fancybox v2

Я хотел бы изменить наложение и непрозрачность причудливой коробки в приведенном ниже коде. Я попытался добавить эти строки на основе предложений JFK, но, к сожалению, это не работает:

   <script type="text/javascript">
$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.3)'
            }
        }
    }
});

</script>

сразу после открывающего тега скрипта, но безуспешно. есть идеи? Спасибо

Мой полный код сейчас:

    <script type="text/javascript">
$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.3)'
            }
        }
    }
});

function openFancybox() {
    setTimeout( function() {$('#various1').trigger('click'); },2000);

}
$(document).ready(function() {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false;
    } else {
        openFancybox();
    }
    $.cookie('visited', 'yes', { expires: 1 });
    $('#various1').fancybox();

});
</script>

Внутри тегов тела:

<div id="various1" style="display:none;">
<h2>Welcome to our website!</h2>
</div>