Estou com o seguinte código para popup
<a onclick="window.open('http://images.comunidades.net/cps/cpshowdebola/Neodent.png','','width=471,height=273,left='+(screen.availWidth/2-235.5)+',top='+(screen.availHeight/2-136.5)+'');return false;"
href="http://images.comunidades.net/cps/cpshowdebola/Neodent.png"><img style="display: block; margin-left: auto; margin-right: auto;"
src="http://images.comunidades.net/cps/cpshowdebola/Neodent.png" alt="" width="210" height="114" /></a>
Com ele clico numa imagem de tamanho 210x144px a abre-se a popup centralizada com a imagem no tamano orignal 471x256px nas mesma janela, como mostra abaixo
Porém não consigo fazer 2 coisas
1ª - Fazer aparecer a popup sem bordas, quero apenas a imagem com opção de fechar ou clicando em qualquer ponto da tela a popup feche.
2ª - Que a popup se adeque automaticamente ao tamanho da imagem
Usei alguns scritps mas não obtive sucesso.
Abaixo segue exemplos de como quero que fique a popup
1º Apenas a imagem com opção de fechar e com fundo escurecido
2º Apenas a imagem com opção de fechar e com fundo normal
Peço um auxilio para adequar esse popup.