.nav {
    position: absolute;
    left: -58px;
    top: 0;
    width: 58px;
    height: 125px;
}
.nav span {
    display: block;
    width: 58px;
    height: 62px;
    background: #3c3c3c;
    text-align: center;
}
.nav .active {
    background: #0581ff;
}
.nav img {
    margin-top: 12px;
    width: 22px;
    height: 16px;
}
.nav i {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
}
.player-video, .img-content, .text-content, .audio-content {
    text-align: center;
}
.img-content {
    overflow-x: scroll;
    overflow-y: scroll;
    /*margin-bottom: 100px;*/
}
/*文档样式*/
#pdf-meta {
    height: 30px;
    overflow: hidden;
}
.page {
    position: relative;
    top: -2px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin: 0 25px;
    color: #fff;
}
.page i {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    font-style: normal;
    font-size: 14px;
}
#pdf-buttons {
    margin-top: 5px;
}
#start {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/first.png") no-repeat;
    margin-right: 20px;
    cursor: pointer;
}
#end {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/end.png") no-repeat;
    margin-left: 20px;
    cursor: pointer;
}
#pdf-prev {
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url("../images/left.png") no-repeat;
    cursor: pointer;
}
#pdf-next {
    display: inline-block;
    width: 12px;
    height: 16px;
    margin-top: 4px;
    background: url("../images/right.png") no-repeat;
    cursor: pointer;
}
/*图片*/
.img-content img {
    /*height: 100%;*/
    margin-top: 30px;
    margin-bottom: 30px;
}
/*音频*/
.audio-content {
    overflow: hidden;
    background: url("../images/audio-bg.jpg") repeat-x;
    background-size: 100% 100%;
}