Busco videobox negro

[Ozone]

Hola,
estoy buscando una ventana de videobox (lightbox para videos) que sea negra y no balnca ya que el que uso es blanco y no puedo modificar el color que bordea el video...
Uso este, si alguien sabe editarlo eso también me sirve:
w ww.ribosomatic.com/articulos/videobox-lightbox-para-videos-youtube-y-mas
(No puedo poner URLS, por favor junten la W con el resto de la dirección).

He intentado editando el archivo CSS pero solo he conseguido cambiar la barra de abajo pero el color que bordea al vídeo no...

Salu2!

[Ozone]

Nadie me puede ayudar??

[David]

Prueba reemplazando el CSS por esto:

Código css:

body {margin: 0;}
#lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    background-color: #000;
    cursor: pointer;
}
 
#lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: Black !important; text-align: center; padding: 5px;
}
 
.lbLoading {
    background: #Black url(loading.gif) no-repeat center;
}
 
#lbImage {
    border: 10px solid Black;
}
 
#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}
 
#lbPrevLink {
    left: 0;
}
 
#lbPrevLink:hover {
    background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
 
#lbNextLink {
    right: 0;
}
 
#lbNextLink:hover {
    background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
 
#lbBottom {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 5px solid Black;
    border-top-style: none;
}
 
#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(closelabel.gif) no-repeat center;
    margin: 5px 0;
}
 
#lbCaption, #lbNumber {
    margin-right: 71px;
}
 
#lbCaption {
    font-weight: bold;
}
 

[Ozone]

Perfecto geni@ MUCHAS GRACIAS!.
Ahora tengo una pregunta mas, te dejo una captura.
h ttp://i41.tinypic.com/1zlg5qr.png
(Juntar la H con el resto de la URL por favor).
Si te fijas veras que el fondo opacado aparece cortado, es decir, no cubre toda la página, tienes idea de como solucionarlo? En caso de no saberlo o no poders, sabrías como hacer que no parezca ese fondo y que solamente este el cuadro central donde aparece el video?

Salu2!

[David]

Prueba agregando "height: 100% !important;" debajo de width: 100% en el id lbOverlay

[Ozone]

Wow la tenes clarisima XD.
Se ha expandido a lo largo persfectmente pero a lo ancho no. Creo que el problema es que en el body tengo asignado esto:

Código:

body {
width: 978px;
margin-left:auto;
margin-right:auto;
}

Es vital para que mi diseño este bien centrado, pero creo que al limitar el body en 978 px el lbOverlay no puede expandirse... habrá alguna solución?
En caso de no poderse, podrías decirme como hacer que no aparezca el lbOverlay?

Gracias!

[David]

Para que no aparezca, puedes añadirle al estilo del lbOverlay: "display: none;"

[Ozone]

Perfecto, amigo la última: tienes idea porque no funciona la imagen de carga. He puesto una URL de imagen válida ahí en el CSS pero sin embargo no aparece...

Saludos