@charset "utf-8";
/* CSS Document */

.n-player-wraper{width:100%; height:66px; background:#FFF; border-top:1px #d9d9d9 solid; position:fixed; bottom:0; z-index:100001; }

.n-player-content{width:80%; height:50px; margin:8px auto; display:table;}

.n-album-details {
    display: table-cell;
    width: 220px;
    vertical-align: middle;
}

.n-album {
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
	cursor:pointer;
}

.n-album img {
    width: auto;
    height: 50px;
    border: 0;
    outline: none;
}

.n-song-detail {
    width: 180px;
    height: 50px;
    margin-left: 10px;  
}
.n-song-txt {
    font-size: 10pt;
    color: #363636;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    display: block;
	cursor:pointer;
}
.n-song-txt a{display:block; text-decoration:none; color: #363636;}
.n-song-txt a:hover,.n-song-txt a:focus{text-decoration:none;color: #000;}

.n-album-txt{color: #777777;
    text-align: left;
    font-size: 8pt;
	display:block;  
	cursor:pointer;
}

.n-singer-txt a{color: #777777 !important;
    text-align: left;
    font-size: 8pt !important;
	display:block;  
	cursor:pointer;
	
}	
.n-singer-txt{height: 20px;display: block;}
.n-album-txt a{text-decoration:none !important;color: #777777;font-size: 8pt !important;}	
.n-album-txt a:hover{text-decoration:none !important;color: #333;font-size: 8pt !important;}
.n-singer-txt a{text-decoration:none !important;color: #777777;}	
.n-singer-txt a:hover{text-decoration:none !important;color: #333;}
.n-album-row{display:table;}

.txt_ellips{white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
  
  
 
	
	

.n-player-sprite {
    background-image: url('http://dxi0htcskl9ob.cloudfront.net/images/n-player-icon.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-n_backward_icon {
    width: 16px;
    height: 15px;
    background-position: -5px -5px;
}

.sprite-n_download_icon {
    width: 28px;
    height: 19px;
    background-position: -5px -30px;
}

.sprite-n_forward_icon {
    width: 16px;
    height: 15px;
    background-position: -5px -59px;
}

.sprite-n_more_icon {
    width: 19px;
    height: 19px;
    background-position: -5px -84px;
}

.sprite-n_playicon {
    width: 16px;
    height: 20px;
    background-position: -5px -113px;
}

.sprite-n_pauseicon {
    width: 16px;
    height: 20px;
    background-position: -5px -271px;
}

.sprite-n_repeat_icon {
    width: 19px;
    height: 15px;
    background-position: -5px -143px;
}

.sprite-n_share_icon {
    width: 19px;
    height: 19px;
    background-position: -5px -168px;
}

.sprite-n_show_playlist_icon {
    width: 24px;
    height: 15px;
    background-position: -5px -197px;
}

.sprite-n_shuffle_icon {
    width: 18px;
    height: 15px;
    background-position: -5px -222px;
}

.sprite-n_volume_icon {
    width: 19px;
    height: 14px;
    background-position: -5px -247px;
	background-color:#fff;
}

.sprite-wwn_mute_icon {
    width: 19px;
    height: 14px;
    background-position: -5px -301px;
}

.sprite-wwn_repeat_active-icon {
    width: 19px;
    height: 15px;
    background-position: -5px -325px;
}

.sprite-wwn_shuffle_active_icon {
    width: 18px;
    height: 15px;
    background-position: -5px -350px;
}


	
.n-plylist-but {
    width: 26px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 30px;
	cursor:pointer;
}


.n-player-seekbar {
    display: table-cell;
    vertical-align: middle; 
    height:50px;
	min-width:250px;
}


.n-plyer-repeat{display:table-cell; vertical-align:middle; width:20px; height:30px;    padding-left: 10px;
    padding-right: 10px; cursor:pointer;}

.n-ply-time{font-size:8pt; color:#363636; width:20px; height:30px; display:table-cell; vertical-align:middle;     padding-left:10px;    padding-right:10px;}

.n-ply-time.active{color:#d30f47;}

.n-seekbar{display:table-cell; vertical-align:middle; width:80%; cursor:pointer;}

.n-seek{ width: 100%;
    height: 1px;
    background-color: #ccc;}
.n-seek-colorbar{ width: 0%;
    height: 1px;
    background-color: #d30f47; position:relative; top:-1px;}
	
.n-player-controls{display:table-cell; vertical-align:middle; padding-left:30px; padding-right:30px; width:195px;}

.n-control-icon {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    padding-right: 16px;
    padding-left: 16px;
	 cursor:pointer;
}

.n-player-right{display:table-cell; vertical-align:middle; text-align:right; width:126px;}

.n-plyer-right-icon{display:table-cell; vertical-align:middle; padding-left:10px; padding-right:10px; position:relative; cursor:pointer;}


@media screen and (max-width:1024px) {
	
	.n-player-content{width:95%;}
	
}


.n-player-more {
    bottom: 20px;
    right: 13px;
    padding-bottom: 0;
    z-index: 99;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,.05) 0 2px 12px 5px,rgba(0,0,0,.1) 0 0 0 1px;
    min-width: 120px;
    min-height: 50px;
    display: block;
}


	
.n-player-more ol{margin:10px auto; padding:0; width:100%;}

.n-player-more ol li {
    list-style: none;
    position: relative;
}

.n-player-more ol li a {
    border: none !important;
    display: block;
    padding: 5px 10px;
    margin: 0;
    text-align: center;
    color: #979797;
	font-weight:400;
}

.n-player-more ol li a:hover{background:#eee;}

.n-album-share{    position: absolute;
    bottom: 32px;
    left: -26px;
    z-index: 1;
    display: none;
    background: #fff;
    padding: 5px;
    border: 1px #e3e3e3 solid;}
	
.n-seek-colorbar::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right:-5px;
    top: -5px;
    background: #d30f47;
	/*left:0px;*/
}

/* ALL MIN CSS 
body {
    background: url(http://dxi0htcskl9ob.cloudfront.net/images/home_bg.png);
    height: 100%;
}

.pl_sr_r {
    width: 90px;
    height: 20px;
    padding: 0;
    margin: 2px 0 0 0;
}

.pl_sr_r a {
    float: left;
    margin-right: 3px;
    display: block;
    text-decoration: none;
}

.gg_sr {
    background: url(http://dxi0htcskl9ob.cloudfront.net/images/sprit.png) no-repeat;
    width: 27px;
    height: 25px;
    float: left;
    background-position: -382px -553px;
}
.fb_sr {
    background: url(http://dxi0htcskl9ob.cloudfront.net/images/sprit.png) no-repeat;
    width: 27px;
    height: 25px;
    float: left;
    background-position: -322px -553px;
}

.tw_sr {
    background: url(http://dxi0htcskl9ob.cloudfront.net/images/sprit.png) no-repeat;
    width: 27px;
    height: 25px;
    float: left;
    background-position: -352px -553px;
}*/

.player_track_title{margin:0px;}

.n-playlist-track-number{
	position: absolute;
    top: 5px;
    margin-left: 15px;
    width: auto;
    padding: 0px 6px;
    height: 20px;
    background: #f03a5e;
    border-radius: 10px;
    color: #fff;
    line-height: 21px;
    text-align: center;
    font-size: 11px;
	min-width: 15px;
}

.volume_mute {position: absolute;
        position: absolute;
    bottom: 0px;
    /* background: #fff; */
    text-align: center;
    right: 0px;
    width: 20px;
    text-align: center;
    height: 20px;
    display: block;
    z-index: 10000000;
    padding-bottom: 10px;
    padding-top: 5px;
}


.volume_mute_icon{   background: url(http://dxi0htcskl9ob.cloudfront.net/images/volume_mute.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    text-align: center;
    margin: 0 auto;}
	
	
.n-nonstopliveimg{margin-top:-5px; display:none;}

.nshare-icon{color: #979797;
    font-size: 22px;}
	
.n-more{    border-radius: 50%;
        text-align: center;
    display: block;
    padding:3px;
    color: #979797;
    text-decoration: none; background:#979797;}
	
.n-more i {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;color: #fff;
}

.new-related-album{cursor:pointer;}

.loadingtrackingspre{
	text-align: center;
    border: 1px solid rgba(255,255,255,0.3);
    width: 180px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 8px;
    color: #fff;
    border-radius: 50px;
}