Javascript 将fancybox蒙皮设置为固定大小，并将所有图像居中

我正在使用fancybox

版本：2.1.3

，我想做的是：

将宽度和高度设置为600px 400px固定。

如果图像小于弹出框，则将其居中，不调整大小。

目前，这是我当前的设置：

index.html

$('.fancybox-buttons').fancybox({
    minWidth: 600,
    maxWidth: 600,
    minHeight: 400,
    maxHeight: 400,
    width: 600,
    height: 400,
    autoScale : false,
    fitToView : false,

jquery.fancybox.js

$.extend(F, {
// The current version of fancyBox
version: '2.1.3',

defaults: {
padding : 15,
margin  : 20,

width     : 600,
height    : 400,

minWidth  : 600,
minHeight : 400,

maxWidth  : 600,
maxHeight : 400,

autoSize   : false,
autoHeight : false,
autoWidth  : false,

autoResize  : false,
autoCenter  : !isTouch,
fitToView   : false,
aspectRatio : false,

结果是这样的： 但是当我点击下一步。。你可以看到尺寸不是固定的，这是主要问题

我想要的是，如果图像较小的弹出窗口和图像大小应该是这样的

p/s：这是我第一次尝试修改fancybox，可能有点让我困惑。

我有“丑陋的方式”，但我没有更多时间搜索合适的选项组合。 因此，添加jquery选项：

    fitToView : false,
    wrapCSS: 'myclass'

并添加样式：

    .myclass, 
    .myclass .fancybox-skin 
    {
        width: 600px !important;
        height: 400px !important;
        text-align: center;
    }
    .myclass .fancybox-skin 
    {
        line-height: 400px;
    }
    .myclass .fancybox-outer {
        height: inherit;
        width: inherit;
    }
    .myclass .fancybox-inner {
        display: inline-block;
        vertical-align: middle;
    }