Limpie un poco el código, le quité el php y lo dividí en dos partes, el contenedor del video y el contenedor del boton que habre el lightbox.
VIDEO
Código HTML:
<style>
.ContenedorVideoMedio{
width: auto;
height: auto;
padding-top:28px;
}
</style>
<div class="ContenedorVideoMedio" align="center">
<div style="border:15px solid #fff; width:500px;" >
<iframe width="500" height="316" src="linkdelvideo" frameborder="0" allowfullscreen></iframe>
</div>
</div>
LIGHTBOX BOTON
Código HTML:
<style>
.ContenedorImagenChico{
width: auto;
height: auto;
padding-top:45px;
}
</style>
<div class="ContenedorImagenChico"><a href="link" rel="lightbox"><img src="link" border="0" style="border:2px solid #fff;" /></a></div>
Igual por lo que tengo entendido lo que hay que editar es el z-index del video. Ya que lo que puse anteriormente es simplemente el botón. En el otro mensaje de arriba allí si está el css con el z-index del lightbox. Desconosco como trabajar con esto.
Mil gracias desde ya por la buena voluntad y la predisposición.