@charset "UTF-8";

.inlineVideoContent {

}
.inlineVideoWrap {
  background-color: rgba(0, 0, 0, 0.6);
}
#inlineVideoContainer {
  display: block;
  margin: 0 auto;
  position: relative;

  width: calc(160vh - 1.6em);/**/
  max-width: 100%;/**/
}

.inlineVideoWrap #inlineVideo {
  margin: 0 auto;
}
.contentPanel.init #inlineVideo {
  width: calc(70vh / 9 * 16);
  height: 70vh;
  background-color: rgba(94, 94, 94, 0.6);
}
.inlineVideoExtra {
  position: relative;
  min-width: 80vw;
  width: 100vh;
  max-width: calc(100vw );
  margin: 0 auto;
  padding: 0 0.4em;
  padding-bottom: 4em;
}
.inlineVideoExtra::after {
  content: '';
  display: block;
  clear: both;
}
.inlineVideoExtra .inlineVideoTitle {
  display: block;
  font-size: 1.6em;
  font-family: Montserrat-Hairline, helvetica, sans-serif;
}
.contentPanel.init .inlineVideoExtra .inlineVideoTitle::before {
  content: '';
  display: inline-block;
  height: 1em;
  margin-top: 0.4em;
  width: 16em;
  background-color: rgba(94, 94, 94, 0.4);
}
.inlineVideoExtra .inlineVideoDescription {
  position: relative;
  margin-top: 1.2em;
  float: left;
  width: 60%;
  padding-bottom: 1em;
  color: rgba(255, 255, 255, 0.65);
  /*background-color: rgba(108, 108, 108, 0.8);/**/
}
.contentPanel.init .descriptionContainer::before {
  content: '';
  display: inline-block;
  height: 6em;
  margin-top: 0.4em;
  width: 100%;
  background-color: rgba(94, 94, 94, 0.4);
}
.inlineVideoExtra .title {
  padding: 0;
  margin-bottom: 0.5em;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.3em;
  text-align: left;
  font-family: Montserrat-Light, helvetica, sans-serif;
}
.contentPanel.init .inlineVideoExtra .title::before {
  content: '';
  display: inline-block;
  height: 1.2em;
  width: 8em;
  background-color: rgba(94, 94, 94, 0.4);
}
.inlineVideoExtra .inlineVideoRelatedContent {
  position: relative;
  margin-top: 1.2em;
  float: right;
  width: calc(40% - 2em);
  /*background-color: rgba(108, 108, 108, 0.8);/**/
}
.inlineVideoExtra .inlineVideoRelatedContent .videoItem {
  width: 100%;
  margin: 0;
  margin-bottom: 1em;
}
.inlineVideoExtra .inlineVideoRelatedContent .videoItem .videoThumb {
  width: 20em; height: calc(20em / 16 * 9);
  max-width: 100%;
}