.erisHControl {
  position: relative;
  height: 38px;
  margin: 10px 0px 15px 0px;
}
.erisHControlPanel {
  position: absolute;
  display: none;
  padding: 10px;
}
.erisHControlPanel:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
}
.erisHControlPanel .controlPanelBackground {
  background-color: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.erisPlayButton {
  position: relative;
  float: left;
  background-color: transparent;
  background-position: -3px -43px;
  width: 57px;
  height: 57px;
  cursor: pointer;
  z-index: 10;
  margin-right: 10px;
}
.erisPlayButton:hover {
  background-position-x: -65px;
}
.erisFullScreenButton {
  position: relative;
  float: left;
  background-color: transparent;
  background-position: -126px -43px;
  width: 57px;
  height: 57px;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
}
.erisFullScreenButton:hover {
  background-position-x: -187px;
}
.erisHControl .prevButton, .erisHControl .nextButton {
  width: 13px;
  height: 17px;
  text-indent: -9999em;
  text-decoration: none;
  cursor: pointer;
  display: block;
}
.erisHControl .prevButton {
  background-position: -3px -3px;
  margin: 15px 0px 5px 8px;
  float: left;
}
.erisHControl .nextButton {
  background-position: -21px -3px;
  margin: 15px 8px 5px 0px;
  float: right;
}
.erisHControl .prevButton:hover {
  background-position: -3px -23px;
}
.erisHControl .nextButton:hover {
  background-position: -21px -23px;
}
.erisHControl .infoPanel {
  font-family: Tahoma, Helvetica, sans-serif;
  padding-top: 9px;
  height: 38px;
  color: #3f4146;
  text-align: center;
  overflow: hidden;
}
.erisHControl .infoPanel .title {
  line-height: 15px;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  display: inline-block;
}
.erisHControl .infoPanel .desc {
  line-height: 13px;
  font-size: 13px;
}
.thumbContainer {
  position: relative;
  overflow: hidden;
}
.thumbContainer .thumbCover {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.thumbContainer .thumbCover .thumbs {
  height: 100%;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  left: 0px;
  top: 0px;
}
.thumbContainer .thumbCover .thumbs:after {
  content: ".";
  height: 0;
  clear:both;
  display: block;
  visibility: hidden;
}
.thumbContainer .thumbCover .thumbs li {
  float: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.thumbContainer .thumbCover .thumbs li img {
  height: 100%;
  width: 100%;
}
.thumbContainer .thumbCover .thumbs li div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #000000;
}
.thumbContainer .thumbCover .thumbs li .playvideo_btn {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  z-index: 1;
}

