Efeito lighbox apenas com CSS

Para colocar um efeito lighbox e bloquear a e deixar apenas aquela div/pop-up é muito simples e possível apenas com css. Aqui no site uso este efeito para abrir perfil dos usuários em uma pop-up css.
Porém por causa da altura do site que ultrapassa 100% devemos usar javascript para capturar a altura e bloquear total incluindo a rolagem. Esta dica contém apenas um exemplo básico que deve servir de base para usarem no com ajax/javascript.

Basicamente o CSS é responsável por tudo:

.bloqueio-tela {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.c-popup {
	left: 30%;
	top: 30%;
	background-color: white;
	width: 220px;
	height: 200px;
	font-family: "Trebuchet MS", Verdana, Arial;
	position: absolute;
	z-index: 5000;
	text-align: left;
}

Função javascript abrir fechar

function abrir(){
	getById('bloqueio').style.display = 'block';
}
function fechar(){
	getById('bloqueio').style.display = 'none';
}

Depois as divs:

<div style="display: none;" id="bloqueio" class="bloqueio-tela"></div><div id="c-pop-dados" class="c-popup"><a class="user-online" href="javascript:void(0)" onclick="abrir();">Abrir</a><a class="user-online" href="javascript:void(0)" onclick="fechar();">Fechar</a></div>

Demonstração está aqui mesmo no site quando abre o perfil de algum usuário.

Arquivo de exemplo em anexo.