.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.7)}.modal-content{background-color:#323232;margin:120px auto;border:1px solid #888;position:relative;max-width:550px;width:max-conent}.modal-content iframe{width:100%}.close{float:right;font-size:28px;font-weight:bold;right:5px;position:absolute;z-index:999;top:4px;color:#000;background:#fff;border-radius:28px;padding:5px}.close:hover,.close:focus{color:#004b96;text-decoration:none;cursor:pointer}