/*!
 * fluid-lazy-video-embeds v0.1.0: Lazy load your YouTube and Vimeo videos and maintain their aspect ratio.
 * (c) 2016 
 * GPL-2.0 License
 * git+https://github.com/thuijssoon/fluid-lazy-video-embeds.git
 */

.flve-video {
  position: relative;
  height: 0;
  display: block;
  overflow: hidden;
  max-width: 100%; }

.flve-video.flve-16x9 {
  padding-bottom: 56.25%; }

.flve-video.flve-3x4 {
  padding-bottom: 75%; }

.flve-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.flve-video img {
  width: 100%;
  height: auto;
  cursor: pointer; }

.flve-video span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 40px;
  margin: -20px 0 0 -32px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.25s cubic-bezier(0, 0, 0.2, 1); }

.flve-video.flve-vimeo span {
  background-color: rgba(0, 0, 0, 0.7); }

.flve-video.flve-vimeo:hover span {
  background-color: rgba(0, 173, 239, 0.9); }

.flve-video.flve-youtube span {
  background-color: rgba(31, 31, 31, 0.81); }

.flve-video.flve-youtube:hover span {
  background-color: #cc181e; }

.flve-video span:after {
  content: "";
  display: block;
  position: absolute;
  top: 10.5px;
  left: 24px;
  margin: 0 auto;
  border-style: solid;
  border-width: 9.5px 0 9.5px 17px;
  border-color: transparent transparent transparent white; }