#maincontent{
	width: 100%;
	margin: 0px;
}
.user-profile-top-cover{
    position: relative;
    background: #555555;
    overflow: hidden;
}
.user-image{
	color: #fff;
}
h1{
	clear: both;
	font-size: 25px;
	color: #fff;
	text-overflow:ellipsis;overflow: hidden;white-space:nowrap
}
.h1user{
	margin: 0px;
}
.user-image .img-circle{
	width: 119px;
	height: 119px;
	border: 3px solid #fff;
}
.user-info{
	color: #fff;
}
.show-info-profile{
	padding: 20px 0px 0px 0px;
}

.rotate_playlist{
	width: 180px;
    height: 180px;
    position: absolute;
    z-index: 17;
    left: 87px;
    top: 9px;
}
.box_playlist_first{
	height: 182px;
}
@-webkit-keyframes rotate360 {
	100% { -webkit-transform: rotate(360deg); }
}
 
@-moz-keyframes rotate360 {
	100% { -moz-transform: rotate(360deg); }
}
 
@-ms-keyframes rotate360 {
	100% { -ms-transform: rotate(360deg); }
}
 
@-o-keyframes rotate360 {
	100% { -o-transform: rotate(360deg); }
}
 
@keyframes rotate360 {
	100% { transform: rotate(360deg); }
}
.rotate360 {
    /* -webkit-border-radius: 90px; */
    -moz-border-radius: 90px;
    border-radius: 90px;
    animation: rotate360 10s linear 0s infinite;
    -webkit-animation: rotate360 10s linear 0s infinite;
    -moz-animation: rotate360 10s linear 0s infinite;
    -o-animation: rotate360 10s linear 0s infinite;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}
.box_playlist_first .num_listen{
	color: #c7c7c7;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px 13px;
    background: rgb(0,0,0);
    background: linear-gradient(254deg, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 100%, rgba(0,212,255,1) 100%, rgba(9,9,121,1) 100%, rgba(0,0,0,0) 100%);
}