.tm-lightbox {
  background: rgba(0, 0, 0, 0.8);
}
.tm-lightbox img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
}
#tml-content {
  box-shadow: none;
}
#tml-caption span {
  border: none;
}
.tml-nav {
  border: 0;
}
.tml-nav:hover {
  opacity: 0.5;
}
#tml-prev {
  left: 30px;
}
#tml-next {
  right: 30px;
}
#tml-exit {
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.345%208l5.168-5.168a1.656%201.656%200%20000-2.346%201.657%201.657%200%2000-2.345%200L8%205.655%202.832.486a1.657%201.657%200%2000-2.345%200%201.656%201.656%200%20000%202.345L5.655%208%20.487%2013.168A1.656%201.656%200%20001.659%2016c.425%200%20.85-.163%201.173-.486L8%2010.345l5.168%205.168a1.654%201.654%200%20002.346%200%201.656%201.656%200%20000-2.345L10.345%208z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center center;
  background-size: 20px;
  transition: 0.3s ease-in-out;
}
.not-touch #tml-exit:hover {
  opacity: 0.5;
}
#tml-exit:before {
  display: none;
}