#modal {
left: 60%;
margin:-250px 0 0 -40%;
opacity: 0;
position:absolute;
top:-50%;
visibility: hidden;
width: 60%;
box-shadow:0 3px 7px rgba(0,0,0,.25);
box-sizing:border-box;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
/* Make the modal appear when targeted */
#modal:target {
opacity: 1;
top: 50%;
visibility: visible;
}
#modal .header,#modal .footer {
border-bottom: 1px solid #e7e7e7;
border-radius: 5px 5px 0 0;
}
#modal .footer {
border:none;
border-top: 1px solid #CECECE;
border-radius: 0 0 5px 5px;
}
#modal h2 {
margin:0;
}
#modal .btn {
float:right;
}
#modal .copy,#modal .header, #modal .footer {
padding: 20px;
}
.modal-content {
background: #DEDEDE;
position: relative;
z-index: 20;
border-radius:5px;
}
#modal .copy {
background: #fff;
}

#modal .overlay {
background-color: #000;
background: rgba(0,0,0,.5);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}

<a href="#modal">window</a>
<div id="modal">
<div class="modal-content">
<div class="header">
<h2>ZorNet.Ru Сайт про uCoz</h2>
</div>
<div class="copy">

Военная разведка — комплекс мероприятий, проводимых государством в лице военного ведомства (его сотрудника), преимущественно по получению и обработке данных о действующем или вероятном противнике, его военных ресурсах, боевых возможностях и уязвимости, а также о театре военных действий.
 <div><br><div align="center"><img border="0" align="absmiddle" src="http://image.prntscr.com/image/08def55336ba40af9af469ea3d797dbd.png"></div><div align="center"><br></div>
Ранее военная разведка — сбор сведений о неприятеле, в мирное время посредством военных агентов, шпионов, карт, планов, статистических работ и тому подобное, в военное время посредством дезертиров, пленных, шпионов.</div>


</div>
<div class="cf footer">
<a href="#" class="btn"><img border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/modalnoe_okno_golubogo_cveta_close.gif"></a>
</div>
</div>
<div class="overlay"></div>
</div>