Отрывающиеся блок по средине страницы
 

Всем доброго времени суток!
Столкнулся с такой проблемой -
Есть блок:

<div id="divwin">
<div id="closeButton" onclick="document.getElementById('divwin').style.display='none'">Х</div>
<img src="11.jpg" alt="" />
<h5>Заголовок</h5>
<p>...</p>


</div>
<div id="btopen"><img src="/ic1.png" alt="" />
<h5>Заголовок</h5>
Текст блока   

<input type="button" value="Подробнее..." onclick="document.getElementById('divwin').style.display='block'"><div class="tfrr"></div>
</div>

Таких блоков куча есть на странице

Подскажите пожалуйста, как сделать, что бы когда нажимаешь на кнопку подробнее, блок, который открывается, открывался по средине страницы?


вот пример работы - сайт
ниже будут кнопки подробнее, а еще ниже, блок с коллекциями
тут бы и хотелось бы, сделать так, что бы когда нажимаешь на кнопку подробнее, где угодно, блок что появляется, выскакивал по центру, получается, что "заднюю страницу" я так понимаю нужно будет "прокручивать"

и еще момент - кнопка закрытия - как сделать, что бы она закрывала блок не только по ее нажатию, а в любом другом месте? и при открытии другого блока, закрывался автоматически предыдущий?