.flowplayer {
   background-color: #ccc;
   /* allow room for playlist buttons */
   margin-bottom: 100px;
}
 
.flowplayer .fp-playlist {
   position: absolute;
   bottom: -100px;
   width: 100%;
   text-align: center;
   display: none;
}

.flowplayer .fp-playlist a {
   /*display: inline-block;*/
   display: none;
   width: 70px;
   height: 70px;
   border-radius: 70px;
   background-color: #666;
   margin: 15px;
   font-size: 20px;
   font-weight: bold;
   padding-top: 20px;
}
 
.flowplayer .fp-playlist a.is-active {
   background-color: #eee;
}


.flowplayer.is-paused .fp-playlist a.is-active {
   background-color: #ccc;
}
 

.flowplayer .fp-prev,
.flowplayer .fp-next {
   position: absolute;
   bottom: -60px;
   font-size: 20px;
   display: none;
   z-index: 1;
   cursor: pointer;
}
 
.flowplayer .fp-next {
   right: 0;
}
 
.flowplayer.is-ready .fp-next,
.flowplayer.is-ready .fp-prev {
   display: inline;
}



/* Additional Items */

.is-splash.flowplayer .fp-prev, .is-splash.flowplayer .fp-next {
  display: none;
}

.flowplayer .fp-prev {
   top: 44%;
   left: 10px;
   position: absolute;
   font-size: 200%;
   color: #fff;
   padding: 4px;
   font-weight: bold;
   cursor: pointer;
   z-index: 12; /* make clickable */
   opacity: 1;
}
.flowplayer .fp-next {
   top: 44%;
   right: 10px;
   position: absolute;
   font-size: 200%;
   color: #fff;
   padding: 4px;
   font-weight: bold;
   cursor: pointer;
   z-index: 13; /* make clickable */
   opacity: 1;
}

.is-mouseout.flowplayer .fp-prev, .is-mouseout.flowplayer .fp-next {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  /* same transition as other ui elements like fullscreen */
  -webkit-transition: opacity .15s .3s;
  -moz-transition: opacity .15s .3s;
  transition: opacity .15s .3s;
}