function creatOverlay(){
  var docHeight = $(document).height();
 
  $("<div id='overlay'></div>")
  .appendTo("body")
  .height(docHeight)
  .css({
    'opacity': 0.4,
    'position': 'fixed',
    'top': 0,
    'left': 0,
    'background-color': 'black',
    'width': '100%',
    'z-index': 5000
  });
}
функция вызывается при клике на изображение на странице, подскажите, как добавить это изображение по центру созданного оверлея?