/* line 4, ../sass/styles.scss */
#wpp-plugin {
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
@media (max-width: 1000px) {
  /* line 4, ../sass/styles.scss */
  #wpp-plugin {
  }
}
@media (max-width: 640px) {
  /* line 4, ../sass/styles.scss */
  #wpp-plugin {
    font-size: 15px;
  }
}
/* line 15, ../sass/styles.scss */
#wpp-plugin a {
  color: inherit;
}
/* line 17, ../sass/styles.scss */
#wpp-plugin a:first-child .wpp-item {
  margin-top: 0px;
}
/* line 21, ../sass/styles.scss */
#wpp-plugin .wpp-video {
  width: 640px;
  height: auto;
  display: block;
  float: left;
  position: relative;
}
#wpp-plugin .wpp-videoContainer {
    position: relative;
    width: 100%;
}
#wpp-plugin .wpp-videoDescription {
    display: block;
    width: 100%;
}
#wpp-plugin .wpp-videoDescription .wpp-title {
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0px 10px 0px;
    color: inherit;
}
#wpp-plugin .wpp-videoDescription .wpp-description {
    margin: 0 0 20px 0;
    color: inherit;
}
/* line 27, ../sass/styles.scss */
#wpp-plugin .wpp-video .wpp-poster {
  position: relative;
  width: 100%;
  height: auto;
  opacity: 0;
  margin: 0;
}
/* line 34, ../sass/styles.scss */
#wpp-plugin iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 41, ../sass/styles.scss */
#wpp-plugin .wpp-playlist {
  display: block;
  float: left;
  width: 310px;
  padding-left: 10px;
  height: 360px;
}
/* line 47, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item {
  margin-top: 10px;
  display: table;
  width: 100%;
}
/* line 51, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item:hover {
  color: #1594dd;
}
/* line 54, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-thumb {
  background-color: #cccccc;
  display: table-cell;
  max-width : 120px !important;
  margin: 0;
}
/* line 58, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-info {
  padding-left: 10px;
  display: table-cell;
  width: 100%;
  vertical-align: top;
  line-height: 1.2em;
}
/* line 64, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-info .wpp-item-heading {
  font-size: 0.8em;
  margin: 0;
  font-weight: bold;
  padding-bottom: 0.5em;
  color: inherit;
}
/* line 70, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-info .wpp-by {
    font-size: 0.7em;
    color: inherit;
    opacity: 0.8;
}
/* line 73, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-info .wpp-by span {
  font-weight: bold;
}
/* line 77, ../sass/styles.scss */
#wpp-plugin .wpp-playlist .wpp-item .wpp-info .wpp-views, #wpp-plugin .wpp-playlist .wpp-item .wpp-info p {
  font-size: 0.7em;
  color: inherit;
  opacity: 0.8;
}

/* line 91, ../sass/styles.scss */
#wpp-plugin.wpp-variation1.wpp-medium .wpp-video {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
/* line 96, ../sass/styles.scss */
#wpp-plugin.wpp-variation1.wpp-medium .wpp-playlist {
  width: 100%;
  height: 390px;
  padding-left: 0px;
}

/* line 105, ../sass/styles.scss */
#wpp-plugin.wpp-variation2 .wpp-video {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
/* line 110, ../sass/styles.scss */
#wpp-plugin.wpp-variation2 .wpp-playlist {
  width: 100%;
  height: 110px;
  text-align: center;
  float: none;
  padding-left: 0px;
}
/* line 116, ../sass/styles.scss */
#wpp-plugin.wpp-variation2 .wpp-playlist a {
  display: inline-block;
}
/* line 119, ../sass/styles.scss */
#wpp-plugin.wpp-variation2 .wpp-playlist .wpp-item {
  width: auto;
  margin-top: 0px;
  display: inline-block;
  margin-bottom: 50px;
}

/* line 129, ../sass/styles.scss */
#wpp-plugin.wpp-variation3 .wpp-video {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
/* line 134, ../sass/styles.scss */
#wpp-plugin.wpp-variation3 .wpp-playlist {
  width: 100%;
  height: 390px;
  padding-left: 0px;
}
/* line 139, ../sass/styles.scss */
#wpp-plugin.wpp-variation3 .wpp-playlist .wpp-item .wpp-info .wpp-by, #wpp-plugin.wpp-variation3 .wpp-playlist .wpp-item .wpp-info .wpp-views, #wpp-plugin.wpp-variation3 #wpp-plugin .wpp-playlist .wpp-item .wpp-info p, #wpp-plugin #wpp-plugin.wpp-variation3 .wpp-playlist .wpp-item .wpp-info p {
  display: inline;
}
.wpp-table {
    table-layout: fixed;
    display: table;
    width: 100%;
}