@font-face {   
    font-family: 'icomoon'; 
    src:url('../font/icomoon.svg');
    src:url('../font/icomoon.eot') format('embedded-opentype'),
        url('../font/icomoon.woff') format('woff'),
        url('../font/icomoon.ttf') format('truetype'),
        url('../font/icomoon.svg') format('svg');   
    font-weight: normal;
    font-style: normal;
}

.header {margin:10px auto; padding:0;}
.header .nav-pills>li+li {margin-left: 20px;}
.section {border: 1px solid #e1e1e8; border-radius: 4px; margin-top: 15px;padding-top: 15px;}
.editor {height:500px; margin-bottom: 15px;}

[class^="fonticon-"],[class*="fonticon-"] {
    font-family: 'icomoon';
}
.fonticon-play:before { content: '\e608';}
.fonticon-play-active:before { content: '\e607';}
.fonticon-digg:before { content: '\e606';}
.fonticon-digg-active { color: #3b5998; }
.fonticon-digg-active:before { content: '\e605';}
.fonticon-collect:before { content: '\e604';}
.fonticon-collect-active { color: #FFCB4C; }
.fonticon-collect-active:before { content: '\e603';}
.fonticon-comment:before { content: '\e602';}
.fonticon-comment-active:before { content: '\e601';}
.fonticon-share:before { content: '\e600';}


/* 专辑 */
.album { position: relative; width: 100%; color: #666; overflow: hidden; padding-top: 35px; border-top: 1px solid #e5e5e5;}
.album .name {
    position: absolute;
    width: 100%;
    left: 0;
    top: 8px;
    font-size: 1.6rem;
    border-left: 5px solid #D23238;
    line-height: 18px;
    margin-bottom: 15px;
    padding-left: 9px;
}
.album .count { position: absolute; right: 0; top: 5px; font-size: 0.67rem;}
.album .count:after { content: ''; width: 5px; height: 10px; background: url(images/arrow_hei.png); background-size: 100%; display: inline-block; margin-left: 6px;}
.album .list { white-space: nowrap; font-size: 0; position: relative;}
.album .item { font-size: 1.2rem; width: 100%; vertical-align: top; float: left; margin: 0 5px 5px 0; padding-bottom: 10px;}
.album .thumb { width: 100%; padding: 0 5px;}
.album .thumb a { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; background:gray;}
.album .thumb img { width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: gray;}
.album .title { white-space: normal; max-height: 36px; height: 36px; line-height: 1.4; overflow: hidden; padding-right: 5px;}
.album .item.active { border-bottom-color: #259af7;}
.album .item.active a { color: #259af7;}
.album .duration { position: absolute; bottom: 0; line-height: 18px; color: #FFF; background-color: rgba(0, 0, 0, 0.3); width: 100%; text-indent: 4px; font-size: 12px} 

/* 专辑hacker */
.album { padding: 30px 10px 0; margin-top: 14px;}
.album .name { font-size: 0.9rem; font-weight: normal;}
.album .count { right: 20px;}
.album .title { max-height: 2.6rem; height: 3rem; font-size: 0.75rem; padding: 10px 0 5px 5px;}

.extend {
    font-size: 0.6rem;
    line-height: 1.5;
    margin: 5px 0 15px;
    text-align: center;
    color: #666;
}
.extend-box {
    display: inline-block;
    border: 1px solid #D5D5D5;
    background-color: #F1F1F1;
    border-radius: 14px;
    padding: 0 14px;
}
.extend-box .arrow-down {
    width: 10px;
    height: 5px;
    background-image: url(images/arrow-down.png);
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.album.audio .thumb { width: 100%; height: 0; overflow: hidden; position relative; padding-bottom: 100%; position: relative;}
.album.audio .thumb a {
    display: block;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
	font-size:0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.album.audio .title {
    max-height: 40px;
    height: 40px;
}
.album.audio .duration { display: none;}
.album .thumb:before {content:'';}
.album.audio .thumb a:before {
    content: '\e902';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 35px;
    height: 36px;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    line-height: 36px;
    text-align: center;
    font-size: 32px;
}
.album .thumb img.hide{
	display:none;
}