#draw_protector{
  height: 100%;
  width: 100%;
  position:absolute;
  top: 0;
  left: 0;
  z-index:101;
  display: none;
}
#overlay{
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background: rgba(245,245,245,0.8);
  z-index: 100;
  display: none;
}
#overlay > .close{
  position: absolute;
  padding: 10px;
  top: 10px;
  left: 10px;
  border: 1px solid gray;
  background: white;
  cursor: pointer; 
  z-index: 102;
}
#final-image > img{
  max-width:550px;
  max-height:550px;
}
#overlay > .content{
  top: 10px;
  left: 150px;
  padding: 10px;
  border: 1px solid gray;
  background: white;
  position: absolute;
  z-index: 102;
}