.poper{background:rgba(0,0,0,0.95);left:0;top:0;right:0;bottom:0;z-index:-1;position:fixed;-webkit-opacity:0;opacity:0;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.poper.show{-webkit-opacity:1;opacity:1;z-index:999999999;}
.poper>span{position:absolute;display:block;right:20px;top:20px;width:40px;height:40px;cursor:pointer;}
.poper>span:after,.poper>span:before{display:block;content:'';height:2px;width:100%;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;top:50%;margin-top:-1px;-webkit-transform-origin:center center;transform-origin:center center;}
.poper>span:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.poper>div{background:#fff;position:absolute;max-width:100%;max-height:100%;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.poper>div>h3{background:#e2e2e2;border-bottom:1px solid #ccc;height:40px;line-height:40px;font-weight:normal;font-size:16px;padding:0 10px;color:#666;margin:0;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;}
.poper>div>h3~div{padding:10px;}
.poper>div>div img{display:block;max-width:100%;}
.poper>div>div{line-height:170%;color:#444;}
.poper.tr>div{background:transparent;}