.no-padding {
  padding:0;
}
.thumb {
  background-color: #000;
  cursor:pointer;
}
.thumb:hover:after {
  content:'\e003';
  font-family: 'Glyphicons Halflings';
  font-size: 2em;
  color: #fff;
  padding: 1em;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none; /*Careful, this doesn't work on IE<10*/
}
.thumb img {
  -webkit-transition: opacity ease-in .5s;
  transition: opacity ease-in .5s;
}
.thumb img:hover {
  opacity: .5;
}
 
.img-group .close {
  color:#fff;
  background-color:#000;
  opacity:1;
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
}
.img-group .img-responsive {
  width:100%;
}
.carousel-indicators {
  display: none;
}
@media (min-aspect-ratio: 16/11) { 
 .img-group .img-responsive {
    width:auto;
    max-width:70%;
    margin: auto;
  } 
  .img-group .close {
    position:absolute;
    top:1.5em;
    right:1.5em;
    z-index:10;
  }
}