.fullwidth ul.playlist li.half canvas {
    height: 50px;
    bottom: 50px;   
    opacity: 0;
}

.fullwidth ul.playlist li.half canvas.rendered {
    opacity: 0.95;
}


.fullwidth ul.playlist li.sm2_playing.half canvas.rendered,
.fullwidth ul.playlist li.sm2_paused.half canvas.rendered {
    opacity: 1;
}

.fullwidth ul.playlist li.half .controls {
    height: 50px;
    margin-bottom: 50px;
}


.fullwidth ul.playlist li.half  .controls .statusbar .position .img, 
.fullwidth ul.playlist li.half  .controls .statusbar .loading .img,
.fullwidth ul.playlist li.half  .controls .statusbar .position, 
.fullwidth ul.playlist li.half  .controls .statusbar .loading,
.fullwidth ul.playlist li.half  .controls .statusbar  {
    height: 50px;
}

.fullwidth ul.playlist li.half .controls .statusbar .position .img, 
.fullwidth ul.playlist li.half .controls .statusbar .loading .img {
    background-size: 100% 50px !important; 
}

.fullwidth ul.playlist li.black .comments .background, 
.fullwidth ul.playlist li.black .playlist_container .background, 
.fullwidth ul.playlist li.black .playlist_container {
    
    background: url("/_/images/comment_bg_white.png") top left repeat-x;
    filter: none;

    border-radius: 0;
}

.fullwidth ul.playlist li.with-image {
    margin-left: 160px;
}

.fullwidth ul.playlist li.with-image::before { 
    display: none !important;
}      

.fullwidth ul.playlist li .infobits {
    right: 0;
}

.fullwidth ul.playlist li .functions {
    left: 0;
}

ul.playlist.top li.half canvas {
    margin-top: 50px;
    height: 70px;
}


ul.playlist li canvas {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


ul.playlist.top li.half .controls {
    height: 100px;
    margin-bottom: 150px;
}

ul.playlist.top li.half  .controls .statusbar .position .img, 
ul.playlist.top li.half  .controls .statusbar .loading .img,
ul.playlist.top li.half  .controls .statusbar .position, 
ul.playlist.top li.half  .controls .statusbar .loading,
ul.playlist.top li.half  .controls .statusbar  {
    height: 100px;
}

ul.playlist.top li.half .controls .statusbar .position .img, 
ul.playlist.top li.half .controls .statusbar .loading .img {
    background-size: 100% 100px,auto auto !important; 
}

@media only screen and (max-width: 980px) {
 
    .fullwidth ul.playlist li {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}
@media only screen and (max-width: 780px) {
    
    .fullwidth ul.playlist li {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-bottom: 10px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .fullwidth ul.playlist li .infobits {
        right: 5px;
    }
    
    .fullwidth ul.playlist li .functions {
        left: 5px;
    }
    
    
}


@media only screen and (max-width: 400px) {
    .fullwidth ul.playlist li.with-image {
        margin-left: 0 !important;
    }
    
    
    .fullwidth ul.playlist li .cover,
    .fullwidth ul.playlist li .playlist_fct,
    .fullwidth ul.playlist li .share_fct {
        display: none !important;
    }
    
    
    
}





/* RELATED PLAYER */

#related_playlist canvas,
#related_playlist .comments {
    display: none !important;
}

#related_playlist li .player-link, #related_playlist li .player-link {
    padding-bottom: 0;
}


#related_playlist li.half .controls .statusbar .position {
    
}

#related_playlist li {
    padding-bottom: 41px;
}

#related_playlist li.with-image::after {
    background: transparent;    
}

#related_playlist li .cover {
    height: 85px;
    left: -90px !important;
    width: 85px;
}

#related_playlist li.sm2_playing, #related_playlist li.sm2_paused {
    padding-bottom: 41px;
}

#related_playlist li.half .controls .statusbar {
    height: 10px !important;
}
#related_playlist li.half .controls {
    height: 12px !important;
    margin-bottom: 40px !important;
}

#related_playlist li.with-image {
    margin-left: 90px !important;
}

#related_playlist li.half .controls .statusbar {
    background: #eee;
    height 20px;
    margin-top: 5px;
    margin-bottom: 8px;
}

#related_playlist li.half .controls .statusbar .position {
   height 20px;
   background: #ba1010;
}




ul.playlist.top li.with-image .cover {
    display: block;
    left: 10px;
    top: 0;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    
}

ul.playlist.top li.with-image .player-link i.fa-play-circle  {
    left: 20px !important;
    opacity: 0.2;
}

ul.playlist.top li.with-image .player-link i.fa-pause  {
    left: 28px !important;
    opacity: 0.8;
}

ul.playlist.top li.with-image .player-link:hover i  {
    opacity: 0.8;
}


ul.playlist.top li.with-image .headline  {
    left: 95px !important;   
}

ul.playlist li .note {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px 0 10px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
}




#global_content .fullwidth .highlight:after {
    content: " ";
    position: absolute;
    left: -20px;
    top: -10px;
    right: -20px;
    bottom: -7px;
    z-index: 0;
    background-position: center !important; 
    background-size: cover !important;
    opacity: 0.7;
}

#global_content .fullwidth .highlight.sm2_playing:after {
    opacity: 1;
}


#global_content .fullwidth .highlight {
    padding-top: 0 !important;
    min-height: 150px;
}


#global_content .fullwidth .highlight .time,
#global_content .fullwidth .highlight .timing,
#global_content .fullwidth .highlight .headline .roof .text-right {
	display: none;
}

#global_content .fullwidth .highlight .headline span.metadata {
    margin: -3px 0 0 3px;
    padding: 2px 10px;
}

#global_content .fullwidth .highlight .headline span.metadata .sm2_divider {
    display: none;
    
}

#global_content .fullwidth .highlight .headline {
    top: -7px;
}

#global_content .fullwidth .highlight .headline i,
#global_content .fullwidth .highlight .headline a {
   color: #fff;
	background: #000;
	padding: 0 10px 3px;
	line-height: 31px;
    
}

#global_content .fullwidth .highlight .headline span {
	line-height: 23px;
}

#global_content .fullwidth .highlight .headline .roof i,
#global_content .fullwidth .highlight .headline .roof a {
    padding: 0 10px 2px;
    line-height: 16px;
}

#global_content .fullwidth .highlight .player-link .fa {
    color: #fff !important;
    padding: 10px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    text-align: center;
}

#global_content .fullwidth .highlight .player-link .fa-play-circle {
	padding: 3px;	
}

#global_content .fullwidth .highlight .headline i:hover,
#global_content .fullwidth .highlight .headline a:hover {
    opacity: 1 !important;
    color: #ddd;
    text-decoration: none;
}

#global_content .fullwidth .highlight .headline .roof a:hover {
    background: transparent !important;
}



#global_content .fullwidth .highlight.with-image:after {
    left: -180px;
}

#global_content #related_playlist .highlight.with-image:after {
	left: -100px;
}

#global_content .fullwidth .highlight canvas {
    opacity: 0.9 !important;

}

#global_content .fullwidth .highlight.sm2_playing.half canvas.rendered{
    opacity: 1 !important;
}

#global_content .fullwidth .highlight.sm2_playing  {
    padding-top: 240px !important;
}

#global_content .fullwidth .highlight,
#global_content .fullwidth .highlight .player-link,
#global_content .fullwidth .highlight i,
#global_content .fullwidth .highlight a,
#global_content .fullwidth .highlight .player-link .fa,
#global_content .fullwidth .highlight .cover,
#global_content .fullwidth .highlight:after,
#global_content .fullwidth .highlight canvas  {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#global_content .fullwidth .highlight .player-link {
    position: absolute;
    top: 0;
    
}

#global_content .fullwidth .highlight.sm2_playing .player-link {
    position: absolute;
    top: 0;
    
}

#global_content .fullwidth .highlight.with-image.sm2_playing .cover {
    left: 0;
    top: 55px; 
}

#global_content .fullwidth .highlight.with-image.sm2_playing {
    margin-left: 0 !important;
}

#global_content .fullwidth .highlight.with-image.sm2_playing:after {
    left: -20px;
}

.artist-page .playlist.top .headline {
    top: -2px;
}

.artist-page .playlist.top .headline .text-right,
.artist-page .playlist.top .time,
.artist-page .playlist.top .timing {
	display: none !important;
}

.artist-page .playlist.top .headline i,
.artist-page .playlist.top .headline a {
    color: #fff;
    background : #000;
    padding: 3px 10px;
    line-height: 42px;
}

.artist-page .playlist.top .headline span {
    color: #fff;
    line-height: 11px;
}

.artist-page .playlist.top .headline i:hover,
.artist-page .playlist.top .headline a:hover {
    opacity: 1 !important;
    color: #ddd;
    text-decoration: none;
    
}

.artist-page ul.playlist.top li .headline .roof a {
	padding: 3px 10px;
}