@font-face {
    font-family: "iconvault";
    src: url("fonts/iconvault_380090a228bfea2693a21a110bb615f3.eot");
    src: url("fonts/iconvault_380090a228bfea2693a21a110bb615f3.eot?#iefix") format("embedded-opentype"), url("fonts/iconvault_380090a228bfea2693a21a110bb615f3.woff") format("woff"), url("fonts/iconvault_380090a228bfea2693a21a110bb615f3.ttf") format("truetype"), url("fonts/iconvault_380090a228bfea2693a21a110bb615f3.svg#iconvault") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* line 28, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-volume-0:before,
.icon-dg-player-pause-0:before,
.icon-dg-player-play-0:before,
.icon-dg-player-audio-1c:before,
.icon-dg-player-list-1:before,
.icon-dg-player-volume-round:before,
.icon-dg-player-audio-1a:before,
.icon-dg-player-volume-1:before,
.icon-dg-player-sign:before,
.icon-dg-player-audio-1b:before,
.icon-dg-player-forward-1:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}

/* line 40, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-volume-0:before {
    content: "\f100";
}

/* line 41, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-pause-0:before {
    content: "\f101";
}

/* line 42, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-play-0:before {
    content: "\f102";
}

/* line 43, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-audio-1c:before {
    content: "\f103";
}

/* line 44, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-list-1:before {
    content: "\f104";
}

/* line 45, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-volume-round:before {
    content: "\f105";
}

/* line 46, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-audio-1a:before {
    content: "\f106";
}

/* line 47, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-volume-1:before {
    content: "\f107";
}

/* line 48, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-sign:before {
    content: "\f108";
}

/* line 49, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-audio-1b:before {
    content: "\f109";
}

/* line 50, ../compass/sass/iconvault/iconvault.scss */
.icon-dg-player-forward-1:before {
    content: "\f10a";
}

/* line 13, ../compass/sass/jplayer.dg.scss */
.dg-player i {
    font-size: 36px;
    font-size: 2.6rem;
    vertical-align: -15%;
    color: #fff;
    outline: none;
    display: inline-block;
    line-height: 1;
    width: 100%;
}
/* line 23, ../compass/sass/jplayer.dg.scss */
.dg-player i:hover {
    color: #ffde00;
}
/* line 29, ../compass/sass/jplayer.dg.scss */
.dg-player .active i {
    color: #ffde00;
}

/* line 35, ../compass/sass/jplayer.dg.scss */
.jp-gui {
    background: #707173;
    height: 60px;
}

/* line 40, ../compass/sass/jplayer.dg.scss */
.jp-interface {
    padding: 10px;
    position: relative;
}

/* line 45, ../compass/sass/jplayer.dg.scss */
.jp-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
/* line 54, ../compass/sass/jplayer.dg.scss */
.jp-controls .jp-previous, .jp-controls .jp-next, .jp-controls .jp-stop, .jp-controls .jp-mute, .jp-controls .jp-unmute, .jp-controls .jp-volume-max {
    display: none !important;
}
/* line 62, ../compass/sass/jplayer.dg.scss */
.jp-controls i.jp-play {
    cursor: pointer;
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls i.jp-play:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls i.jp-play:before {
    content: "\f102";
}
/* line 67, ../compass/sass/jplayer.dg.scss */
.jp-controls i.jp-pause {
    cursor: pointer;
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls i.jp-pause:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls i.jp-pause:before {
    content: "\f101";
}
/* line 72, ../compass/sass/jplayer.dg.scss */
.jp-controls a {
    overflow: hidden;
    display: block;
    border: 0;
    outline: none;
    background: transparent;
}
/* line 78, ../compass/sass/jplayer.dg.scss */
.jp-controls a span {
    display: none;
}

/* line 87, ../compass/sass/jplayer.dg.scss */
.jp-title {
    padding: 0px 55px 5px;
    letter-spacing: .8px;
    color: #ffffff;
    line-height: 1.2rem;
    font-size: 12px;
}
/* line 90, ../compass/sass/jplayer.dg.scss */
.jp-title ul, .jp-title li {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 1.2rem;
    line-height: 1.4rem;
    overflow: hidden;
}
/* line 102, ../compass/sass/jplayer.dg.scss */
.jp-title .work_detail {
    display: none;
}
/* line 106, ../compass/sass/jplayer.dg.scss */
.jp-title ul {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
}
/* line 111, ../compass/sass/jplayer.dg.scss */
.jp-title ul li {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    animation: marquee linear 40s;
    animation-iteration-count: infinite;
    -webkit-animation: marquee linear 40s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: marquee linear 40s;
    -moz-animation-iteration-count: infinite;
    -o-animation: marquee linear 40s;
    -o-animation-iteration-count: infinite;
    -ms-animation: marquee linear 40s;
    -ms-animation-iteration-count: infinite;
}

@keyframes marquee {
    /* line 132, ../compass/sass/jplayer.dg.scss */
    0% {
        transform: translate(0, 0);
        transform: translate(0, 0);
    }

    /* line 136, ../compass/sass/jplayer.dg.scss */
    100% {
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes marquee {
    /* line 141, ../compass/sass/jplayer.dg.scss */
    0% {
        -webkit-transform: translate(0, 0);
    }

    /* line 142, ../compass/sass/jplayer.dg.scss */
    100% {
        -webkit-transform: translate(-100%, 0);
    }
}

@-moz-keyframes marquee {
    /* line 145, ../compass/sass/jplayer.dg.scss */
    0% {
        -moz-transform: translate(0, 0);
    }

    /* line 146, ../compass/sass/jplayer.dg.scss */
    100% {
        -moz-transform: translate(-100%, 0);
    }
}

@-o-keyframes marquee {
    /* line 150, ../compass/sass/jplayer.dg.scss */
    0% {
        -o-transform: translate(0, 0);
    }

    /* line 151, ../compass/sass/jplayer.dg.scss */
    100% {
        -o-transform: translate(-100%, 0);
    }
}

@-ms-keyframes marquee {
    /* line 155, ../compass/sass/jplayer.dg.scss */
    0% {
        -ms-transform: translate(0, 0);
    }

    /* line 156, ../compass/sass/jplayer.dg.scss */
    100% {
        -ms-transform: translate(-100%, 0);
    }
}

/* line 161, ../compass/sass/jplayer.dg.scss */
.no-csstransitions .jp-title ul li {
    padding-left: 0;
}

/* line 167, ../compass/sass/jplayer.dg.scss */
.jp-progress {
    margin: 0 55px;
    overflow: hidden;
    height: 12px;
    text-align: center;
    position: relative;
}

/* line 174, ../compass/sass/jplayer.dg.scss */
.jp-seek-bar {
    background: #fff;
    width: 0px;
    height: 100%;
    cursor: pointer;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
}

/* line 182, ../compass/sass/jplayer.dg.scss */
.jp-play-bar {
    background: #ffde00;
    width: 0px;
    height: 100%;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
}

/* line 190, ../compass/sass/jplayer.dg.scss */
.jp-current-time {
    display: inline;
    position: absolute;
    top: 1px;
    font-size: 0.6rem;
    line-height: 0.8rem;
}

/* line 197, ../compass/sass/jplayer.dg.scss */
.jp-duration {
    display: none;
}

/* line 201, ../compass/sass/jplayer.dg.scss */
.jp-controls-playlist, .jp-controls-volume {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 40px;
    height: 30px;
    overflow: hidden;
    text-align: right;
    cursor: pointer;
}

/* line 212, ../compass/sass/jplayer.dg.scss */
.jp-controls-volume {
    display: none;
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume i:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume i:before {
    content: "\f103";
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl0 i:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl0 i:before {
    content: "\f106";
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl1 i:before, .jp-controls-volume.lvl2 i:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl1 i:before, .jp-controls-volume.lvl2 i:before {
    content: "\f109";
}
/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl3 i:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls-volume.lvl3 i:before {
    content: "\f103";
}

/* line 238, ../compass/sass/jplayer.dg.scss */
.jp-volume-bar {
    position: absolute;
    opacity: 0;
    top: -100px;
    right: 10px;
    background: #fff;
    height: 80px;
    width: 10px;
    cursor: pointer;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/* line 251, ../compass/sass/jplayer.dg.scss */
.jp-volume-bar-value {
    background: #ffde00;
    position: absolute;
    bottom: 0;
    height: 0px;
    width: 10px;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
}
/* line 259, ../compass/sass/jplayer.dg.scss */
.jp-volume-bar-value .indicator {
    margin: -10px 0 0 -5px;
    width: 20px;
    height: 20px;
    background: #ffde00;
    border: 1px solid #fff;
    -webkit-border-radius: 20px 20px;
    -moz-border-radius: 20px / 20px;
    border-radius: 20px / 20px;
}

/* line 270, ../compass/sass/jplayer.dg.scss */
.jp-controls-volume.active {
    overflow: visible;
}
/* line 272, ../compass/sass/jplayer.dg.scss */
.jp-controls-volume.active i {
    color: #ffde00;
}
/* line 275, ../compass/sass/jplayer.dg.scss */
.jp-controls-volume.active .jp-volume-bar {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

/* line 10, ../compass/sass/partials/_mixins.scss */
.jp-controls-playlist i:before {
    font-family: "iconvault";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}
/* line 4, ../compass/sass/partials/_mixins.scss */
.jp-controls-playlist i:before {
    content: "\f104";
}

/* line 290, ../compass/sass/jplayer.dg.scss */
.jp-playlist {
    visibility: hidden;
    max-height: 0px;
    -webkit-transition: max-height 1s, visibility 0s;
    -webkit-transition-delay: 0s, 2s;
    -moz-transition: max-height 1s, visibility 0s 2s;
    -o-transition: max-height 1s, visibility 0s 2s;
    transition: max-height 1s, visibility 0s 2s;
    position: absolute;
    bottom: 60px;
    overflow: auto;
}
/* line 298, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* line 301, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li {
    border-bottom: 1px solid #707173;
    padding: 10px 15px;
    background: #f6f6f6;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    /*  width: 100%;*/
    font-weight: bold;
}
/* line 310, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li .work_detail {
    font-weight: normal;
}
/* line 314, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li a, .jp-playlist ul li a:hover, .jp-playlist ul li a:link, .jp-playlist ul li a:visited {
    color: #3d3d3d;
    text-decoration: none;
}
/* line 319, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li .jp-artist {
    color: #616161;
    font-size: 0.8rem;
}
/* line 324, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li.jp-playlist-current {
    /*
    visibility: hidden; */
    background: #fff;
    background: white;
}
/* line 332, ../compass/sass/jplayer.dg.scss */
.jp-playlist.active {
    height: auto;
    max-height: 300px;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    visibility: visible;
}



/* line 399, ../compass/sass/jplayer.dg.scss */
.dg-player {
    position: relative;
    clear: right;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    z-index: 1;
    margin: 0 10px 1.5rem 0;
    -webkit-box-shadow: #444 1px 1px 2px;
    -moz-box-shadow: #444 1px 1px 2px;
    box-shadow: #444 1px 1px 2px;
}

/* line 414, ../compass/sass/jplayer.dg.scss */
.jp-controls-volume {
    display: block;
    overflow: visible;
}

/* line 419, ../compass/sass/jplayer.dg.scss */
.jp-controls-playlist {
    display: none;
}

/* line 423, ../compass/sass/jplayer.dg.scss */
.jp-playlist {
    visibility: visible;
    height: auto;
    position: relative;
    bottom: auto;
    max-height: 300px;
    overflow: auto;
}
/* line 431, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* line 434, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li {
    border-bottom: 1px solid #707173;
    padding: 10px 15px;
    background: #f6f6f6;
    background: rgba(255, 255, 255, 0.9);
}
/* line 440, ../compass/sass/jplayer.dg.scss */
.jp-playlist ul li.jp-playlist-current {
    /*
    visibility: hidden; */
    background: #fff;
    background: white;
}

.jp-playlist-item {
    color:#333;
}

.jp-controls {
    top:18px;
    left:8px;
}


.jp-controls-volume {
    top:18px;
    right:18px;
}