@charset "utf-8";
/* CSS Document */
	.prism-player .prism-big-play-btn {
	background:url(img/play.png) no-repeat;
	background-size:contain;
	width:63px;
	height:63px
}
.prism-player .prism-big-play-btn:hover {
	cursor:pointer;
	border-style:solid;
	border-width:2px;
	border-radius:63px;
	border-color:#00c1de
}
.prism-player .prism-play-btn {
	width:32px;
	height:32px;
	background:url(img/smallplay.png) no-repeat;
	background-size:contain
}
.prism-player .prism-play-btn:hover {
	background:url(img/smallplayhover.png) no-repeat;
	background-size:contain;
	cursor:pointer;
	color:#00c1de
}
.prism-player .prism-live-display {
	width:56px;
	height:19px;
	background:url(//gw.alicdn.com/tps/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -186px -2px no-repeat
}
.prism-player .prism-play-btn.playing {
	background:url(img/smallpause.png) no-repeat;
	background-size:contain
}
.prism-player .prism-play-btn.playing:hover {
	background:url(img/smallpausehover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-fullscreen-btn {
	width:32px;
	height:32px;
	background:url(img/fullscreen.png) no-repeat;
	background-size:contain
}
.prism-player .prism-fullscreen-btn:hover {
	background:url(img/fullscreenhover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-fullscreen-btn.fullscreen {
	background:url(img/smallscreen.png) no-repeat;
	background-size:contain
}
.prism-player .prism-fullscreen-btn.fullscreen:hover {
	background:url(img/smallscreenhover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-volume {
	position:relative
}
.prism-player .prism-volume .volume-control-icon, .prism-player .prism-volume .volume-icon {
	width:32px;
	height:32px;
	background:url(img/volume.png) no-repeat;
	background-size:contain
}
.prism-player .prism-volume .volume-control-icon:hover, .prism-player .prism-volume .volume-icon:hover {
	background:url(img/volumehover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-volume .volume-control-icon.mute, .prism-player .prism-volume .volume-icon.mute {
	background:url(img/volumemute.png) no-repeat;
	background-size:contain
}
.prism-player .prism-volume .volume-control-icon.mute:hover, .prism-player .prism-volume .volume-icon.mute:hover {
	background:url(img/volumemutehover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-volume .volume-control {
	position:absolute;
	bottom:32px;
	background:rgba(0,0,0,.5);
	left:-4px;
	height:130px;
	width:36px;
	display:none
}
.prism-player .prism-volume .volume-control:hover {
	cursor:pointer
}
.prism-player .prism-volume .volume-control .volume-control-icon {
	position:absolute;
	bottom:6px;
	left:8px;
	width:26px;
	height:26px
}
.prism-player .prism-volume .volume-range {
	width:2px;
	height:76px;
	background:rgba(0,0,0,.6);
	position:absolute;
	left:50%;
	bottom:32px;
	border-radius:1px
}
.prism-player .prism-volume .volume-value {
	width:100%;
	height:0%;
	background:#00c1de;
	position:absolute;
	border-radius:1px;
	bottom:0
}
.prism-player .prism-volume .volume-cursor {
	position:absolute;
	left:-4px;
	bottom:0;
	background:#fff;
	width:10px;
	height:10px;
	border-radius:10px
}
.prism-player .prism-volume .volume-cursor:hover {
	background:#00c1de
}
.prism-player .prism-volume .hover .volume-range {
	width:4px
}
.prism-player .prism-volume .hover .volume-cursor {
	left:-5px;
	width:14px;
	height:14px;
	border-radius:14px
}
.prism-player .prism-animation, .prism-player video {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.prism-player .prism-animation {
	width:64px;
	height:64px;
	border-radius:64px;
	opacity:0
}
.prism-player .prism-play-animation {
	background:url(img/playanimation.png) no-repeat;
	background-size:contain
}
.prism-player .prism-pause-animation {
	background:url(img/pauseanimation.png) no-repeat;
	background-size:contain
}
.prism-player .play-apply-animation {
	-moz-animation:prismplayanimation 1s 1;
	-webkit-animation:prismplayanimation 1s 1;
	-o-animation:prismplayanimation 1s 1
}
@keyframes prismplayanimation {
0% {
width:32px;
height:32px;
border-radius:32px;
opacity:0
}
50% {
width:32px;
height:32px;
border-radius:32px;
opacity:1
}
100% {
width:76px;
height:76px;
border-radius:76px;
opacity:0
}
}
.prism-player {
	background-color:#000;
	position:relative
}
.prism-player a {
	text-decoration:none
}
.prism-player video {
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform-origin:center;
	-moz-transform-origin:center;
	-webkit-transform-origin:center;
	-o-transform-origin:center
}
.prism-player .prism-ErrorMessage, .prism-player .prism-cover {
	width:100%;
	height:100%;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	position:absolute;
	top:0;
	left:0
}
.prism-player .x5-full-screen {
	object-fit:fill;
	object-position:50% 50%
}
.prism-player .x5-top-left {
	object-fit:contain;
	object-position:0 0
}
.prism-player .prism-ErrorMessage {
	z-index:99;
	display:none
}
.prism-player .prism-ErrorMessage .prism-error-content {
	margin-top:20px;
	padding:0 5px
}
.prism-player .prism-ErrorMessage .prism-error-content p {
	text-align:center;
	font-size:12px;
	color:#fff
}
.prism-player .prism-ErrorMessage .prism-error-operation {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1.5px;
	border-bottom-color:rgba(255,255,255,.15);
	border-bottom-style:dotted;
	text-align:center
}
.prism-player .prism-ErrorMessage .prism-error-operation a {
	width:72px;
	height:32px;
	line-height:32px;
	vertical-align:top;
	display:inline-block;
	margin-left:10px
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
	color:#21c5e0;
	border:1px solid #21c5e0
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
	color:#05d3f5;
	border-color:#05d3f5;
	cursor:pointer
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
	color:#026a7b;
	border-color:#026a7b
}
.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
	color:#05d3f5
}
.prism-player .prism-ErrorMessage .prism-detect-info {
	color:#fff;
	font-size:10px
}
.prism-player .prism-ErrorMessage .prism-detect-info p {
	padding:0 5px;
	word-break:break-all;
	margin:0 0 4px
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
	display:inline-block;
	font-weight:700
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
	color:gray
}
.prism-player .prism-big-play-btn {
	z-index:1000
}
.prism-player .prism-controlbar {
	width:100%;
	height:48px;
	position:relative;
	z-index:1;
	font-size:14px
}
.prism-player .prism-controlbar .prism-controlbar-bg {
	background:rgba(0,0,0,.5);
	width:100%;
	height:44px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1
}
.prism-player .prism-time-display {
	height:44px;
	line-height:44px;
	color:#A4AAB3;
	font-size:12px
}
.prism-player .prism-time-display .current-time {
	color:#fff
}
.prism-player .prism-live-time-display {
	height:44px;
	line-height:44px;
	color:#A4AAB3;
	font-size:12px
}
.prism-player .prism-live-time-display span {
	display:inline
}
.prism-player .prism-live-time-display .live-text {
	margin-left:5px;
	color:#EFEFF4
}
.prism-player .prism-live-time-display .current-time {
	color:#fff
}
.prism-player .prism-liveshift-progress, .prism-player .prism-progress {
	width:100%;
	height:4px;
	background:rgba(195,197,198,.5);
	box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);
	position:relative;
	cursor:pointer
}
.prism-player .prism-liveshift-progress .prism-progress-time, .prism-player .prism-progress .prism-progress-time {
	position:absolute;
	top:-25px;
	background:rgba(0,0,0,.8);
	box-shadow:0 0 5px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);
	color:#FFF;
	font-size:14px;
	border-radius:7.5px;
	padding:0 6px;
	text-align:center
}
.prism-player .prism-liveshift-progress .prism-progress-loaded, .prism-player .prism-progress .prism-progress-loaded {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:#c3c5c6
}
.prism-player .prism-liveshift-progress .prism-progress-played, .prism-player .prism-progress .prism-progress-played {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#00c1de
}
.prism-player .prism-liveshift-progress .prism-progress-cursor, .prism-player .prism-progress .prism-progress-cursor {
	position:absolute;
	top:-5px;
	border:10px solid #00c1de;
	border-radius:10px;
	overflow:hidden;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	background:#00c1de;
	box-shadow:rgba(0,0,0,.1) 0 1px 4px 0, rgba(0,0,0,.1) 1px 1px 1px 0, rgba(0,0,0,.05) 0 -1px 1px 0 inset;
	-webkit-box-shadow:rgba(0,0,0,.1) 0 1px 4px 0, rgba(0,0,0,.1) 1px 1px 1px 0, rgba(0,0,0,.05) 0 -1px 1px 0 inset;
	display:none
}
.prism-player .prism-liveshift-progress .prism-progress-cursor:hover, .prism-player .prism-progress .prism-progress-cursor:hover {
	background:#00c1de;
	box-shadow:0 1px 4px 0 rgba(0,0,0,.1), 1px 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 1px 0 rgba(0,0,0,.05);
	-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.1), 1px 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 1px 0 rgba(0,0,0,.05)
}
.prism-player .prism-progress {
	cursor:pointer
}
.prism-player .prism-progress:hover {
	height:10px;
	transition:height .1s
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift {
	cursor:pointer;
	position:absolute;
	background:#fff;
	height:5px
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover {
	height:10px;
	transition:height .1s
}
.prism-player .prism-liveshift-progress .prism-liveshift-seperator {
	width:2px;
	height:15px;
	background:#fff;
	position:absolute;
	right:0;
	top:-5px
}
.prism-player .prism-loading {
	width:55px;
	height:55px;
	margin-top:-27px!important;
	margin-left:-27px!important
}
.prism-player .prism-loading .circle {
	background-color:rgba(0,0,0,0);
	border:5px solid;
	border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);
	opacity:.9;
	border-radius:50px;
	width:45px;
	height:45px;
	margin:0 auto;
	-moz-animation:spinoffPulse .9s infinite linear;
	-webkit-animation:spinoffPulse .9s infinite linear
}
.prism-player .prism-hide {
	display:none
}
.prism-player .prism-snapshot-btn {
	width:32px;
	height:32px;
	background:url(img/snapshot.png) no-repeat;
	background-size:contain
}
.prism-player .prism-snapshot-btn:hover {
	background:url(img/snapshothover.png) no-repeat;
	background-size:contain;
	cursor:pointer
}
.prism-player .prism-snapshot-btn:active {
	displa:block
}
.prism-player .prism-info-display {
	width:100%;
	color:#fff;
	text-align:center;
	top:50%;
	position:absolute;
	z-index:900;
	height:44px;
	line-height:28px;
	font-size:16px;
	padding:10px 12px
}
.prism-player .prism-info-display span {
	color:#00c1de
}
.prism-player .prism-info-left-bottom {
	width:auto!important;
	top:auto!important;
	bottom:40px;
	left:52%!important;
	text-align:left
}
.prism-player .prism-auto-stream-selector {
	position:absolute;
	bottom:50%;
	width:100%;
	margin:auto;
	color:#EFEFF4;
	display:none
}
.prism-player .prism-auto-stream-selector p.tip-text {
	text-align:center
}
.prism-player .prism-auto-stream-selector .operators {
	width:100px;
	margin:auto
}
.prism-player .prism-button-cancel {
	font-size:16px;
	border:1px solid;
	padding:2px 5px;
	color:#fffa8;
	margin-left:5px;
	background:0 0
}
.prism-player .prism-button-ok {
	font-size:16px;
	border:1px solid #fff;
	padding:2px 5px;
	color:#fff;
	background:0 0
}
.prism-player .prism-button-cancel:hover, .prism-player .prism-button-ok:hover {
	color:#f5f5f5
}
@-moz-keyframes spinoffPulse {
0% {
-moz-transform:rotate(0)
}
100% {
-moz-transform:rotate(360deg)
}
}
@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg)
}
}
:-webkit-full-screen {
width:100%!important;
height:100%!important
}
:-moz-full-screen {
width:100%!important;
height:100%!important
}
:-ms-full-screen {
width:100%!important;
height:100%!important
}
:-ms-fullscreen {
width:100%!important;
height:100%!important
}
:fullscreen {
width:100%!important;
height:100%!important
}
body.prism-full-window {
	padding:0;
	margin:0;
	height:100%;
	overflow-y:auto
}
.prism-fullscreen {
	position:fixed;
	overflow:hidden;
	z-index:99999;
	left:0!important;
	top:0!important;
	bottom:0!important;
	right:0!important;
	width:100%!important;
	height:100%!important
}
.prism-button {
	cursor:pointer;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.prism-button-orange {
	color:#a56117;
	border:1px solid #a56117
}
.prism-button-orange:active, .prism-button-orange:hover {
	color:#d67400;
	border-color:#d67400
}
.prism-button-orange:visited {
	color:#d67400
}
.prism-center {
	position:absolute;
	left:50%;
	transform:translateX(-50%)
}
.prism-width90 {
	width:90%
}
.prism-stream-selector {
	font-size:16px;
	position:relative;
	line-height:32px
}
.prism-stream-selector .current-stream-selector {
	text-align:center;
	width:70px;
	display:none;
	color:#EFEFF4
}
.prism-stream-selector .current-stream-selector:hover {
	cursor:pointer;
	color:#00c1de
}
.prism-stream-selector .stream-selector-tip {
	color:#fff;
	text-align:center;
	padding:2px 5px;
	display:none;
	position:absolute;
	bottom:61.5px;
	white-space:nowrap;
	left:43%;
	font-size:18px
}
.prism-stream-selector .stream-selector-list {
	position:absolute;
	bottom:32px;
	background:rgba(0,0,0,.5);
	color:#EFEFF4;
	padding:5px 5px 0;
	width:70px;
	margin:0;
	display:none
}
.prism-stream-selector .stream-selector-list li {
	list-style-type:none;
	text-align:center;
	white-space:nowrap;
	padding:0 2px;
	line-height:24px
}
.prism-stream-selector .stream-selector-list li:last-child {
	margin-bottom:10px
}
.prism-stream-selector .stream-selector-list li span.current, .prism-stream-selector .stream-selector-list li.current {
	color:#00c1de
}
.prism-stream-selector .stream-selector-list li:hover {
	cursor:pointer;
	color:#00c1de
}
.prism-speed-selector {
	font-size:16px;
	position:relative;
	line-height:32px
}
.prism-speed-selector .current-speed-selector {
	color:#EFEFF4;
	text-align:center;
	width:60px
}
.prism-speed-selector .current-speed-selector:hover {
	cursor:pointer;
	color:#00c1de
}
.prism-speed-selector .speed-selector-list {
	position:absolute;
	bottom:32px;
	background:rgba(0,0,0,.5);
	color:#EFEFF4;
	padding:5px 5px 0;
	display:none;
	margin:0
}
.prism-speed-selector .speed-selector-list li {
	list-style-type:none;
	text-align:center;
	white-space:nowrap;
	padding:0 2px;
	line-height:24px
}
.prism-speed-selector .speed-selector-list li:last-child {
	margin-bottom:10px
}
.prism-speed-selector .speed-selector-list li span.current, .prism-speed-selector .speed-selector-list li.current {
	color:#00c1de
}
.prism-speed-selector .speed-selector-list li:hover {
	cursor:pointer;
	color:#00c1de
}