Juqery弹出框屏幕居中显示

HTML代码：
 <span class="spanbb">上传</span>
 点击spanbb时弹出
 <div class="niubi" style="opacity: 1;top: 100px;visibility: hidden;">
			<form id="f" action="" method="post" enctype="multipart/form-data" class="file_form">
				 <a href="javascript:void(0);" class="btn_addPic"><span><em>+</em>添加图片</span>

                 <input type="file" name="metail" multiple="multiple" class="filePrew cfText" cf_fieldlength="100" cf_elementtype="field" cf_iscreateid="1" cf_widgetid="cf_text"  cf_modelitemname="文件上传"></a>
                 <input id="UploadFile" type="hidden" name="metailId" value="UploadFile" class="filePrew cfText" cf_fieldlength="100" cf_elementtype="field" cf_iscreateid="1" cf_widgetid="cf_text" cf_modelitemid="UploadFile"></a>
                 <input type="hidden" name="dataId" value="${dataId}">
                 <input type="button" onclick="updateMetail()" value="提交" class="submitbtn" >
                 <input type="reset" value="重置" id="reset" class="submitbtn">
			</form>
            <a class="close-reveal-modal">×</a>
        </div>
		<div class="fiem" style="display: none; cursor: pointer;">

		</div>

CSS样式：
.niubi {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #eee url(../../images/modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.file_form {
    text-align: center;
    width: 327px;
    margin: 0 auto;
}
.close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    font-weight: bold;
    cursor: pointer;
}
.btn_addPic {
    display: inline-block;
    position: relative;
    height: 39px;
    overflow: hidden;
    padding: 0 30px;
    border: 1px solid #EBEBEB;
    background: #f1fbfe;
    color: #999999;
    width: 83%;
    font: 14px/39px 'MicroSoft Yahei','Simhei';
    cursor: pointer;
    text-align: center;
}
.filePrew {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 39px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity: 0);
}
.submitbtn {
    border: none;
    font-size: 14px;
    background: #1ca6e8;
    color: #fff;
    width: 80px;
    height: 40px;
    margin-top: 10px;
    cursor: pointer;
}
.fiem {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

jquery代码
<script type="text/javascript">
            $(function(){
                $(".spanbb").click(function(){
                    var screenWidth = parseInt($(window).width());
                    var screenHeight = parseInt($(window).height()); //当前浏览器窗口的 宽高
                    var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度
                    var sss = $(this).attr('id');
                    var niubiWidth=parseInt($(".niubi").width());
                    var niubiHeight=parseInt($(".niubi").height());
                    var objLeft = (screenWidth - niubiWidth)/4;
                    var objTop = (screenHeight - niubiHeight)/4 + scrolltop;
                    var nameId = $('.filePrew').attr('value',sss)
                    $(".niubi").css({"visibility":"visible","top":objTop + 'px',"overflow": "hidden"});
                    $("body").height(screenHeight).css({"overflow": "hidden"});
                    $(".fiem").height(screenHeight).css({"overflow": "hidden"}).fadeIn(300);
                })
                $("#reset").click(function(){
                    $(this).parents('.niubi').find('.btn_addPic span').html("<em>+</em>添加图片");
                })
                $(".fiem").click(function(){
                    var reg = /[^\\\/]*[\\\/]+/g;
                    var name = $(this).siblings(".niubi").find('.file_form .btn_addPic .filePrew').val().replace(reg, '');
                    if(name != ''){
                        var text =name.substr();//获取没有后缀的名称
                        var mbmb = $(this).siblings(".niubi").find('.file_form .btn_addPic .filePrew').val('');
                        $(this).siblings('.niubi').find('.btn_addPic span').html("<em>+</em>添加图片");
                    }
                    $(".niubi").css("visibility","hidden");

                    $("body").css({"overflow": "auto","height":"auto"});
                    $(this).fadeOut(300);
                })
                $(".close-reveal-modal").click(function(){
                    var reg = /[^\\\/]*[\\\/]+/g;
                    var name = $(this).parents(".niubi").find('.file_form .btn_addPic .filePrew').val().replace(reg, '');
                    if(name != ''){
                        var text =name.substr();//获取没有后缀的名称
                        var mbmb = $(this).parents(".niubi").find('.file_form .btn_addPic .filePrew').val('');
                        $(this).parents('.niubi').find('.btn_addPic span').html("<em>+</em>添加图片");
                    }
                    $(".niubi").css("visibility","hidden");
                    $("body").css({"overflow": "auto","height":"auto"});
                    $('.fiem').fadeOut(300);
                })
            })
        </script>

根据自己的项目需求更改的,看不懂欢迎留言