中心DIV水平和垂直 - jQuery或CSS

Question

我创建了一个自定义灯箱，我试图将DIV置于屏幕中心，DIV处于固定位置，我可以从左右中心但不是垂直中心。为了使它垂直居中，我正在做JS：

1. 通过JS获取图像的高度
2. 将高度除以2
3. 固定div位置从前50％开始，并在div中添加负边距顶部（负边距上限是除以2的值）

但它没有居中，它应该有什么方法？

这是JSFiddle example（请在全屏查看）

这是JS代码

$(document).ready(function() {  
  //Open light box on click
  $(".gall-info").click(function(){
    //show lightbox
    $(".gallFullView").css({"opacity":"1", "visibility":"visible"});
    $(".galleryShade").fadeIn();
    $(".gall-info").css("bottom","0");

    //Get the heigh of image
    var gallFullViewImgHeight = $(".gallFullView-image > img").height();
    //Divide the height by 2
    var gallFullViewHalf = gallFullViewImgHeight / 2;
    //Apply the value of above in negative margin top to center the wrapper
    $(".gallFullView").css("margin-top", - gallFullViewHalf);
  });
});

感谢