Ventana flotante con video que no se centra

[Puzzle]

Buenas!

A ver si alguien puede ayudarme con este problema que me esta volviendo loco.
Estoy utilizando un plugin de jQuery que sirve para abrir vídeos de Youtube y Vimeo en una ventana flotante al pulsar sobre una imagen.
La parte del código que se encarga de centrarlo creo que es esta:

Código PHP:

  cur.css("top", ($(window).height() - cur.height()) / 2 + $(window).scrollTop() + "px");
cur.css("left", ($(window).width() - cur.width()) / 2 + $(window).scrollLeft() + "px"); 
   

El problema que tengo es que realmente no me lo centra del todo bien, quiero decir, empieza justo en el centro de la web, pero como si alineara el video a la izquierda, haciendo que el lateral izquierdo sea el que toca justo el centro de la web y no el centro del video como debería ser.
Como sé que es difícil de entender lo que quiero decir, he hecho un boceto para aclararlo:


Es probable que el error venga de otra parte del código de la web, pero no sé por donde buscar ya porque no encuentro nada. ¿Alguna idea? Llevo días con esto y no encuentro solución... help :(

Ojalá y con vuestra ayuda consiga solucionarlo ya que es lo único que me queda para dar por finiquitada la web.

Gracias por adelantado.

Un saludo.

[sjj]

Hola. Si ese es todo el código que utilizás para la aplicación alcanza con modificar la cantidad de píxeles que querés mover la ventana flotante. Fijate que tenés un scrollTop (entiendo que es para mover la ventana verticalmente) y un scrollLeft (para moverla horizontalmente). En teoría si donde dice px reemplazás por un número te va a dezplazar el emergente esa cantidad de píxeles. Todo esto siempre y cuando ese sea el único código de la aplicación que pegaste.

Para mover 100 píxeles para arriba y 100 para la izquierda:

Código PHP:

  cur.css("top", ($(window).height() - cur.height()) / 2 + $(window).scrollTop() + "100"); 
cur.css("left", ($(window).width() - cur.width()) / 2 + $(window).scrollLeft() + "100"); 
   

[Puzzle]

Gracias por responder :)
Entonces solo con moverlo justo la mitad de los pixels que ocupa el vídeo de ancho hacia la izquierda debería quedar centrado, es así?
Ojala y esa sea la solución compañero, me sacarías de un buen apuro!

[Puzzle]

Lamentablemente no me ha funcionado la respuesta de @sjj, al modificar alguna de esas dos opciones lo que hace es directamente anular esa alineación.

(Temporalmente) copio el resto del código por si alguien puede ayudarme.

Código Javascript:

jQuery.fn.videopopup = function (options) {
    var settings = {
        videoid: "",
        videoplayer: "youtube",
        width: "960px",
        height: "540px",
        autoplay: "false"
    };
    return this.each(function () {
        if (options) {
            $.extend(settings, options)
        }
        function centerS(cur) {
            var cur = cur;
            cur.css("position", "absolute");
            cur.css("top", ($(window).height() - cur.height()) / 2 + $(window).scrollTop() + "px");
            cur.css("left", ($(window).width() - cur.width()) / 2 + $(window).scrollLeft() + "px");
            return this
        }
 
        $(this).click(function (e) {
            var a = $(document).height();
            var b = $(window).width();
            e.preventDefault();
            var popuphtml = '<div id="dvGlobalMask"></div><div id="videopopup"><div class="modalnav"></div><div id="videocontent"></div></div>';
            $("body").append(popuphtml);
            $("#dvGlobalMask").css({
                width: b,
                height: a
            });
            $("#dvGlobalMask").fadeTo("fast", 0.4);
            $("#videopopup").css("width", settings.width);
            $("#videopopup").css("height", settings.height);
            centerS($("#videopopup"));
            var autoplay = 0;
            if (settings.autoplay == "true") {
                autoplay = 1
            } else {
                autoplay = 0
            }
            youtubestr = '<iframe width="' + settings.width + '" height="' + settings.height + '" src="http://www.youtube.com/embed/' + settings.videoid + "?autoplay=" + autoplay + '&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>';
            vimeostr = '<iframe src="http://player.vimeo.com/video/' + settings.videoid + "?color=008093&amp;show_title=0&amp;show_portrait=0&amp;autoplay=" + autoplay + '" width="' + settings.width + '" height="' + settings.height + '" frameborder="0"></iframe>';
            switch (settings.videoplayer) {
            case "youtube":
                $("#videocontent").html($(youtubestr));
                break;
            case "vimeo":
                $("#videocontent").html($(vimeostr));
                break
            }
            $("#videopopup").show();
            $(".modalnav").show()
        });
        $(".modalnav").live("click", function () {
            $("#dvGlobalMask").hide();
            $("#videopopup").hide();
            $(".modalnav").hide();
            $('#videocontent').html('');
            $(settings.videoid).hide()
        })
    });
    return this
};
 

Código CSS:

#dvGlobalMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    background-color:#3F3F3F;
}
 
#videopopup {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 5px 5px 20px #000000;
    display: none;
    padding-bottom: 5px;
    position: absolute;
    z-index: 9001;
    border: 15px solid #fff;
    position:relative;
}
 
.modalnav {
    cursor: pointer;
    height: 30px;
    width: 30px;
    position:absolute;
    right:-25px;
    top:-25px;
    background: url("../images/modal-nav-hover.png") -40px 0px;
}
 
.modalnav:hover {
    background: url("../images/modal-nav-hover.png") -40px 0px;
 

Sigo creyendo que quizá lo que hace es chocar con alguna otra parte del código de la web, pero no sé qué puede ser. A ver si a alguien se le ocurre qué puede ser y podemos solucionarlo.

Lo agradecería mucho.

Un saludo.

[dontexplain]

Se me ocurre que si quieres centrar un div flotante simplemente usa el margin-left, cuyo valor será la mitad de tamaño de la ventana menos el tamaño de la misma ventana, con un script lo podrías hacer.

Código Javascript:

$(document).ready(function(){
 
ancho= $(window).width()-$("#divflotante").width();
$("#divflotante").css({"position":"fixed","top":"0px","left":"0px","float":"left","margin-left":(ancho/2) + "px"});
 
})
 

No lo he comprobado así que es cosa de que lo intentes y depures errores. Y supongo, que lo mismo puedes hacer con el margin-top, para centrarla verticalmente.

[Puzzle]

Tampoco he conseguido que me funcione :(