/*-- View Photo carousel --*/
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #444444;
  text-align: center;
}
.carousel-control.right {
    background-image:none;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.carousel-control.left {
    background-image:none;
    background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #CCC;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.bg-ltgray {
    background: #121212;
    border-radius: 3px;
    margin-top: 10px;
}

ul.ucd-main-thumb {
    margin: 10px 0px;
}

ul.ucd-main-thumb>li:first-child {
    margin-left: 6.333333333333332%;
}
ul.ucd-main-thumb>li {
    float: left;
    width: 17.666666666666664%;
    padding: 0 8px;
}

ul.ucd-main-thumb>li.selected>img {
    opacity: 1;
    filter: alpha(opacity=100);
}
ul.ucd-main-thumb>li>img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition: opacity 0.3s;
}
ul.ucd-main-thumb>li>img {
    cursor: pointer;
    opacity: 0.7;
    max-height: 75px;
    max-width: 150px;
    display: inline-block;
}

.carousel-inner {
    text-align: center;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    max-height: 477px;
}

.carousel-control {
    text-shadow: none;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left, .carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -30%;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right, .carousel-control .fa-chevron-right {
    margin-right: -30%;
    right: 50%;
}

.mrg-right7 {
  margin-right: 7px;
}

.details-box > .panel-heading {
  color: #aaa;
  background-color: #484848;
  border-color: #484848;
}
@media (max-width: 479px) {
ul.ucd-main-thumb>li>img { max-height: 32px; max-width: 60px }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 230px }
}

@media (min-width: 480px) and (max-width: 991px) {
ul.ucd-main-thumb>li>img { max-height: 52px; max-width: 78px }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 360px }
}

/*-- View Photo carousel End --*/