/* 基于jplayer制作 蓝叶 lanyes.org */
@font-face { font-family: lanye-audio; src: url(lanye-audio.eot); src: url(lanye-audio.eot#iefix) format('embedded-opentype'), url("data:woff;base64,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") format('woff'), url(lanye-audio.ttf) format('truetype'), url(lanye-audio.svg#lanye-audio) format('svg'); font-weight: 400; font-style: normal }
.audio { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-width: 300px; max-width: 1280px; width: 100%; height: 64px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff }
.audio, .audio * { margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0 }
.audio:focus { outline:0 !important }
.audio button::-moz-focus-inner {
border:0
}
.audio .control { position: absolute; top: 0; width: 64px; height: 100%; background-color: #00aef6 }
.audio .play-control { left: 0 }
.audio .button { display: block; text-decoration: none; width: 64px; height: 100%; font-size: 32px; line-height: 64px; text-align: center; background: 0 0; cursor: pointer; color: #fff }
.audio .button:focus { color: #e5f7ff }
.audio .button:before { display: block; font-family: lanye-audio; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 64px; line-height: 64px; text-align: center; opacity: 1 }
.audio.state-playing .play:before { content: '\2016' }
.audio .play:before { content: '\25b6' }
.audio .bar { position: absolute; top: 0; left: 64px; right: 0; height: 100%; background-color: #000 }
.audio .seek-bar.seek-bar-display { min-width: 0; background-color: #232323 }
.audio .seek-bar { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; cursor: pointer }
.audio .play-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #0082b2 }
.audio .details, .audio .timing { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 0 12px; font-size: 16px; line-height: 64px }
.audio .timing { text-align: right }
.audio .title, .video .duration { font-size: 16px; line-height: 64px }
.audio .no-solution { position: absolute; top: 0; left: 64px; right: 0; height: 48px; padding: 8px 0; line-height: 24px; font-size: 16px; text-align: center; display: none; color: #000; background-color: #b28282 }
@font-face { font-family: lanye-video; src: url(lanye-video.eot); src: url(lanye-video.eot#iefix) format('embedded-opentype'), url("data:woff;base64,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") format('woff'), url(lanye-video.ttf) format('truetype'), url(lanye-video.svg#lanye-video) format('svg'); font-weight: 400; font-style: normal }
.video-responsive { min-width: 320px; max-width: 1280px; width: 100%; height: auto }
.video-360p { width: 640px; height: 360px }
.video-270p { width: 480px; height: 270px }
.video { position: relative; font-family: 'Source Sans Pro', sans-serif; text-align: left; min-height: 64px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff }
.video, .video * { margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0 }
.video:focus { outline: 0 }
.video button::-moz-focus-inner {
border:0
}
.video-full { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0 }
.video .jplayer video { background-color: #000;max-height:600px; position:inherit !important;z-index:1 !important}
.video-full .jplayer video{max-height:100%}
.video .gui { position: absolute; bottom: 0; width: 100%; height: 64px }
.video .control { position: absolute; top: 0; width: 64px; height: 100%; background-color: #00aef6 }
.video .play-control { left: 0 }
.video .screen-control { right: 0 }
.video .button { display: block; text-decoration: none; width: 64px; height: 100%; font-size: 32px; line-height: 64px; text-align: center; background: 0 0; cursor: pointer; color: #fff }
.video .button:focus { color: #e5f7ff }
.video .button:before { display: block; font-family: lanye-video; font-style: normal; font-weight: 400; text-decoration: none; font-variant: normal; text-transform: none; speak: none; width: 64px; line-height: 64px; text-align: center; opacity: 1 }
.video.state-playing .play:before { content: '\2016' }
.video .play:before { content: '\25b6' }
.video.state-full-screen .full-screen:before { content: '\E746' }
.video .full-screen:before { content: '\E744' }
.video .bar { position: absolute; top: 0; left: 64px; right: 64px; height: 100%; background-color: #000 }
.video .seek-bar.seek-bar-display { min-width: 0; background-color: #232323 }
.video .seek-bar { position: absolute; top: 0; left: 0; min-width: 100%; height: 100%; cursor: pointer }
.video .play-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #0082b2 }
.video .details, .audio .timing { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 0 12px; font-size: 16px; line-height: 64px }
.video .timing { text-align: right }
.video .title, .audio .duration { font-size: 16px; line-height: 64px }
.video .no-solution { position: absolute; bottom: 0; left: 64px; right: 64px; height: 48px; padding: 8px 0; line-height: 24px; font-size: 16px; text-align: center; display: none; color: #000; background-color: #b28282 }
body { background-color: #eee; margin: 0; padding: 0 }
.demo-wrapper { margin: 0 auto; min-width: 320px; max-width: 800px; width: 100%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
@media screen and (max-width: 770px) {
.video .jplayer video{max-height:300px}
}
@media screen and (max-width: 400px) {
.video .jplayer video{margin-left:-10px}
.video .gui{left:-10px}
.audio .details{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}