aside {
    width: 236px; }

article {
    margin-left: 236px;
    border-left: 1px dotted #ccc;
    padding: 36px 30px 30px 30px; }

.aside-inner {
    padding: 20px; }

.aside-inner img, .aside-inner p {
    width: 180px;
    line-height: 20px; }

.aside-inner div {
    margin: 18px 0px 32px 0px; }

.aside-inner h4 {
    font-size: 17px;
    font-weight: normal; }

.player {
    height: 120px;
    margin-bottom: 20px; }

.player-share {
    margin-bottom: 7px;
    text-align: right; }

.photo-m-r {
    /*margin-left: 95px;*/
    height: 80px; }

.player-r-name {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 1px;
    width: 460px;
    height: 28px; }

.player-r-original, .player-r-studio {
    margin-right: 20px; }

.player-r-share, .player-r-collection {
    margin-left: 15px; }

.player-o {
    /*float: right;*/
    /*margin-top: -3px;*/
    /*margin-right: 45%;*/
}

.player-wolume-w,
.player-control {
    margin: 0 auto;
    width: 240px;
   }

.player-prev,
.player-next,
.player-play,
.player-pause,
.player-volume,
.player-pause,
.player-volume-progress,
.player-volume-position,
.player-progress,
.player-progress-loaded,
.player-progress-position,
.player-progress-control, .playing {
    background: url("../img/audio/player-sprites.png") no-repeat -10px -71px;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.player-prev {
    background-position: -20px -172px;
    width: 27px;
    height: 31px;
    position: relative;
    top: -20px;
}

.player-prev:hover {
    /*background-position: -100px -116px;*/
}

.player-next {
    background-position: -67px -172px;
    width: 27px;
    height: 31px;
    position: relative;
    top: -53px;
    /*left:212px;*/
}

.player-next:hover {
    /*background-position: -38px -116px;*/
}

.player-play {
    background-position: -130px -71px;
    width: 80px;
    height: 80px; }

.player-play:hover {
    /*background-position: -177px -71px; */
}

.player-pause:hover {
    /*background-position: -65px -71px;*/
}
.player-pause{
    background-position: -20px -71px;
    width: 80px;
    height: 80px;
}

.player-control a {
    margin-left: 25px;
    cursor: pointer;
}

.player-volume {
    visibility: hidden;
    background-position: -139px -116px;
    float: left; }

.player-volume-progress,
.player-volume-position {
    visibility: hidden;
    background-position: -677px -72px;
    height: 9px;
    width: 156px;
    display: block;
    float: left; }

.player-volume-position {
    background-position: -677px -93px;
    width: 60%; }

.player-volume-progress {
    display: none;
    margin-top: 14px;
    cursor: pointer;
    margin-left: 5px; }

.player-wolume-w:hover .player-volume-progress {
    display: block; }

.player-progress-w {
    height: 12px;
    /*width: 900px;*/
    position: relative;
    top: 15px;}

.player-progress, .player-progress-loaded, .player-progress-position {
    background-position: -10px -10px;
    height: 12px;
    width: 100%;
    display: block; }

.player-progress-loaded {
    visibility: hidden;
    background-position: -10px -47px;
    width: 0; }

.player-progress-position {
    background-position: -10px -28px;
    margin-top: -12px;
    width: 0; }

.player-progress {
    cursor: pointer;
    float: left;
    /*margin: 7px 0;*/
    position: relative; }

.player-progress-control {
    background-position: -3px -220px;
    height: 60px;
    width: 60px;
    position: absolute;
    margin-left: -25px;
    left: 0;
    top: -21px;
    cursor: pointer; }

.player-current-time, .player-duration-time {
    float: left;
    font-size: 14px;
    position: absolute;
    top: 35px;
}
.player-duration-time{
    right: 0;
}

.section {
    margin-top: 32px; }

.section-header {
    line-height: 54px;
    height: 54px; }

.section-item {
    line-height: 58px;
    height: 58px;
    cursor: pointer; }

.section-item.active, .section-item:hover {
    background-color: #EDEDED; }

.column1, .column2, .column3 {
    float: left;
    font-size: 14px; }

.section-item .column1, .section-item .column2, .section-item .column3 {
    height: 58px; }

.column1 {
    width: 571px; }

.column2 {
    width: 128px; }

.column3 {
    width: 75px; }

.column2 .link {
    font-size: 12px; }



.column1-l {
    width: 36px;
    float: left;
    padding-left: 17px; }

.section-item.active .section-number {
    display: none; }

.section-item.active .playing {
    display: inline-block; }

.player-error-tips {
    /*background: url("player-tips.png") no-repeat scroll center center;*/
    color: #fff;
    height: 53px;
    left: 170px;
    line-height: 53px;
    position: absolute;
    text-align: center;
    top: 34px;
    width: 230px;
    z-index: 1000;
    display: none; }