#zh_darkbox {  display: none; position: fixed; top: 0%; left: 0%; height: 100%; width: 100%; background: #008000; z-index: 800000000000; text-align: center;transition: opacity 1s ease; opacity:0; color: #FFF; font-size:30px; padding-top: 10%; }
#zh_lightbox {  display: none; position: fixed; top: 0%; left: 0%; height: 100%; width: 100%; z-index: 900000000000; text-align: center;transition: opacity 1s ease; opacity:0; }
.zhitov_frame{position:absolute;border: 2px solid green;top:20px;left: 20px;width:calc(100% - 40px);height:calc(100% - 40px);text-align: left;z-index:900000000001;
box-sizing: content-box;}
.zh_close {position:absolute; top: 25px; right: 40px; cursor: pointer;z-index:900000000007;border:0;}