.xlhd{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    left:0;
    z-index: 99999;
}
.xlhd-content{
    width:689px;
    height:357px;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
    background: url("http://www.gdzp.org/html/common/images/xltk.png") no-repeat;
}
.notes{
    width:43px;
    height:38px;
    position: absolute;
    left:49px;
    top:35px;
    background: url("http://www.gdzp.org/html/common/images/note.gif");
}
.xlhd-content a{
    width:175px;
    height:41px;
    display: block;
    bottom:35px;
    position: absolute;
    border-radius: 10px;
}
.xlhd-content a:hover{
    background: rgba(0,0,0,0.1);
}
.xlhd-btn1{
    left:40px;
}
.xlhd-btn2{
    left:235px;
}
.xlhd-btn3{
    left:429px;
}
.xltk-close{
    cursor: pointer;
    width:32px;
    height:32px;
    border-radius: 100%;
    position: absolute;
    right:17px;
    top:31px;
}
.xltk-close:hover{
    background: rgba(0,0,0,0.1);
}