.modal{z-index:1;background-color:#000000e6;width:100%;height:100%;padding-top:100px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{width:auto;height:100%;margin:auto;display:block}.caption{text-align:center;color:#ccc;background-color:#000;width:80%;max-width:700px;height:150px;margin:auto;padding:10px 0;display:block}.modal-content,.caption{animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{color:#f1f1f1;font-size:40px;font-weight:700;transition:all .3s;position:absolute;top:50px;right:65px}.close:hover,.close:focus{color:#bbb;cursor:pointer;text-decoration:none}