Position 花式盒子样式/冲突居中

Position 花式盒子样式/冲突居中,position,styling,Position,Styling,我的产品图片库使用了一个奇特的方框脚本,因为我安装了一个插件,我在弹出图片时遇到了一个小问题,然后立即跳到左上角 我尝试添加样式以重新居中,但它不起作用 以下是产品页面: 如果你点击图库中的图像,你可以看到它弹出 我用firebug检查图像元素并得到: <div id="fancybox-wrap" style="width: 695px; height: auto; top: 0px; left: 0px; display: block; opacity: 1; transition:

我的产品图片库使用了一个奇特的方框脚本,因为我安装了一个插件,我在弹出图片时遇到了一个小问题,然后立即跳到左上角

我尝试添加样式以重新居中,但它不起作用

以下是产品页面:

如果你点击图库中的图像,你可以看到它弹出

我用firebug检查图像元素并得到:

<div id="fancybox-wrap" style="width: 695px; height: auto; top: 0px; left: 0px; display: block; opacity: 1; transition: all 0s ease; -webkit-transition: all 0s ease;">


我似乎无法覆盖任何正在重新设置弹出窗口样式的内容。非常感谢您的帮助

您使用的是哪个版本的fancybox?是插件。我不知道在哪里可以看到它使用的是什么版本的花式盒子
.fancybox-wrap { 
top: 50% !important; 
left: 50% !important; 
}
#fancybox-wrap {
  position: absolute;
  top: 50% !important; 
  left: 50% !important;
}