//html
<div class="blackCover">
<div class="popContn">
<div class="popTitlen">LYNC大图片<a href="javascript:closePopUp()" class="close"></a></div>
<div class="popInnern">
<div class="popInnern_Content">
</div>
</div>
<div class="popInnern_Shure">
<a class="btn_shure">确定</a>
</div>
</div>
</div>
//css
.popContn{width: 650px; background: #fff;position: relative; margin:0 auto;margin-top: 60px; margin-bottom: 10px;border: 2px solid #0072C6; min-height:350px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.popTitlen{
padding-left: 13px;
height: 42px;
line-height: 42px;
font-size: 16px;
color:#FFF;
font-family:"微软雅黑", Arial, "黑体";
font-weight:bold;
position: relative;
background-color: #0072C6;
}
.popTitlen .close{position: absolute;right: 10px;top: 8px;display: block;background:url(../images/close.png) no-repeat;width: 24px;height: 24px;}
.popInnern{padding:0px 15px; margin:10px 0px;overflow-y:auto; margin-left:20px; min-height:300px;}
.blackCover{position:absolute;width: 100%;height: 100%;background:url(../images/opacity.png); z-index:10000;left: 0;top: 0; overflow:auto;}
.popInnern_Content{
width:100%;
height:300px;}
.popInnern_Shure{
width:100%;
height:70px;
line-height:70px;
background:#e9e9e9;
display:block;
text-align:center;
}
.popInnern_Shure a{
margin-top:20px!important;
}
.btn_shure{
width:80px;
height:28px;
text-align:center;
line-height:28px;
display:inline-block;
background:url(../images/swx_ico_blue-button.png) no-repeat;
font-size:14px;
color:#fff;
font-weight:bold;
cursor:pointer;
text-decoration:none;
margin-right:10px;}
//js
function closePopUp(){
$(".blackCover").hide();
}
function openPopUp(){
$(".blackCover").show();
$(".blackCover").css("height",$(".mainRight").outerHeight());
}