onclick não fecha PopUP

olá pessoal, não estou conseguindo fazer com que o script do onclick feche a PopUP após o clique no botão X de fechar

vejam o script

<script type="text/javascript">
// JavaScript Document

 var $q = jQuery.noConflict();
$q(document).ready(function()

$q("#lightbox, #lightboxContent").click(function(){
$q("#lightbox, #lightboxContent").hide();
})});
</script>

<style type="text/css">
#lightbox {
 background-color: #000;
 float: left;
 height: 100%;
 opacity: 0.9;
 -moz-opacity: 0.90;
 filter: alpha(opacity=90);
 position: fixed;
 width: 100%;
	z-index:998;
}

#lightboxContent {
 background-image: url("https://4.bp.blogspot.com/-3DNa84iiLNQ/Vm2X4uDnUTI/AAAAAAAAAQo/ew0nwwJLGWY/s1600/box7.png");
	background-repeat:no-repeat;
 margin: 0 auto;
 opacity: 997;
 padding-top: 43px;
 width: 331px;
 height: 343px;
 z-index:999;
 cursor:pointer;
 ; /* metade da largura */
 margin-top: -145px; /* metade da altura */
 position: fixed;
 top: 60%;
 left: 50%;
 text-align: center;
}
#fechar {
z-index:10;
}
</style>

<div id="fechar" onclick="document.getElementByID('lightboxContent').style.display='none';">
<b>Clique no X para fechar!</b>
</div>

não sei porque não está fechando.... pq o tyle.display='none' não está funcionando ?