Модальное окно с обводом JQuery и CSS

#overlay {  
  position:absolute;  
  left:0;  
  top:0;  
  z-index:9000;  
  background-color:rgba(0,0,0,0.8);  
  display:none;  
  font-family: Georgia;  
  }  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:20px;
  text-align: center;
  font-size: 14px;
  }  
#boxes #dialog {
  width: 570px;
  height: 350px;
  padding:10px;
  background-color:#ffffff;
  text-align:left;
  border-radius: 5px;
  border: 5px solid #2D73A0;
  }  
.close {
  position:absolute;
  margin-left: 540px;
  margin-top: -3px;
  }

<script type="text/javascript">  
$(document).ready(function() {  
  $('a[name=modal]').click(function(e) {  
  e.preventDefault();  
  var id = $(this).attr('href');  
  var overlayHeight = $(document).height();  
  var overlayWidth = $(window).width();  
  $('#overlay').css({'width':overlayWidth,'height':overlayHeight});  
  $('#overlay').fadeIn(500);  
   
  var winH = $(window).height();  
  var winW = $(window).width();  
  $(id).css('top', winH/2-$(id).height()/2);  
  $(id).css('left', winW/2-$(id).width()/2);  
  $(id).fadeIn(500);  
  });  
  $('.window .close').click(function (e) {  
  e.preventDefault();  
  $('#overlay, .window').fadeOut(200);  
  });  
  $('#overlay').click(function () {  
  $(this).fadeOut(200);  
  $('.window').fadeOut(200);  
  });  
});  
</script>