Окно наложения, появляющееся в центре экрана

У меня есть некоторый JS-код, который делает фон темным и открывает белое модальное окно, например:

function open_litebox(link) {
    var overlay_black = 'position:absolute;top:0%;left:0%;width:100%;height:100%;background:black;z-index:1001;opacity:0.5;';
    $('body').append('<div style="' + overlay_black + '"></div>');
    var overlay_white = 'position:absolute;top:25%;left:25%;padding:5px;background-color:white;z-index:1002;overflow:auto;';
    $('body').append('<div style="' + overlay_white + '"><p>heeeyyy</p></div>');
}

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

Любая помощь приветствуется, ура.