.rating-detalis-container {
  display: none;
  top: -1px;
  left: -1px;
  z-index: 2;
  background: white;
  position: absolute;
  padding: 12px 24px 17px;
  border: 2px solid #ff7c11;
}
.rating-detalis-container .rating-detalis-block {
  position: relative;
  width: 371px;
}
.rating-detalis-container .rating-detalis-block .rating-detalis-close {
  display: block;
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 13px;
  background: url(/content/img/close-form.png);
}
.rating-detalis-container .rating-detalis-block .rating-detalis-close:hover {
  background-position: 0 13px;
}
.rating-detalis-container .rating-detalis-block .rd-title i {
  font-size: 17px!important;
  float: left;
  margin-top: 0px!important;
  margin-right: 3px!important;
}
.rating-detalis-container .rating-detalis-block .rd-chart {
  margin-top: 17px;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row {
  margin-top: 11px;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-row-title {
  margin-top: 6px;
  float: left;
  width: 64px;
  font-size: 16px;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-row-graph {
  float: left;
  height: 30px;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-row-count {
  margin-top: 5px;
  width: 31px;
  text-align: right;
  float: left;
  font-size: 16px;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star5 {
  color: #ff7c12;
  background: #ff7c12;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star5.rd-row-title {
  background: white;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star4 {
  color: #ffb701;
  background: #ffb701;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star4.rd-row-title {
  background: white;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star3 {
  color: #fad900;
  background: #fad900;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star3.rd-row-title {
  background: white;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star2 {
  color: #d5c46c;
  background: #d5c46c;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star2.rd-row-title {
  background: white;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star1 {
  color: #b4b4b4;
  background: #b4b4b4;
}
.rating-detalis-container .rating-detalis-block .rd-chart .rd-row .rd-star1.rd-row-title {
  background: white;
}
@media screen and (max-width: 1200px) {
  .rating-detalis-container .rating-detalis-block .rating-detalis-close {
    width: 16px;
    height: 16px;
    background-size: 100%;
  }
  .rating-detalis-container .rating-detalis-block .rating-detalis-close:hover {
    background-position: 0 17px;
  }
}