.panzer
{
	width:300px;
	display:inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.panzer-unsupported
{
	width:auto
}
	div.panzer-expand
{
	width:100%
}
.panzer .player
{
	position:relative;
	padding:3px;
	height:27px;
	text-align:left
}
.panzer .controls
{
	float:left;
	width:28px;
	height:28px;
	overflow:hidden
}
.panzer .controls a,.panzer .controls span
{
	float:left;
	width:28px;
	height:28px;
	background-position:-1px -1px
}
.panzer .controls a:hover,.panzer .controls span.hover,.panzer .controls span:hover
{
	background-position:-29px -1px
}
.panzer .controls a:active,.panzer .controls span.active,.panzer .controls span:active
{
	background-position:-57px -1px
}
.panzer .controls em
{
	display:block
}
.panzer .controls .play em
{
	width:9px;
	height:12px;
	margin-top:9px;
	margin-left:11px;
	background-position:-86px -2px
}
.panzer .controls .pause em
{
	width:7px;
	height:11px;
	margin-top:9px;
	margin-left:10px;
	background-position:-95px -2px
}
.panzer .controls .download em
{
	width:9px;
	height:10px;
	margin-top:9px;
	margin-left:9px;
	background-position:-104px -2px
}
.panzer strong.alert
{
	font:12px/27px Arial;
	font-weight:400;
	padding-left:5px
}
.panzer .progress-wrapper
{
	position:absolute;
	height:10px;
	left:33px;
	top:12px;
	right:4px
}
.show-duration .progress-wrapper
{
	right:34px
}
.show-volume .progress-wrapper
{
	right:104px
}
.show-volume .volume-wrapper
{
	position:absolute;
	width:100px;
	height:10px;
	top:12px;
	right:4px
}
.show-duration.show-volume .progress-wrapper
{
	right:133px
}
.show-duration span.duration
{
	position:absolute;
	top:0;
	right:4px;
	font:10px/34px Arial;
	cursor:default
}
.show-duration span.small
{
	font-size:9px
}
.show-duration.show-volume span.duration
{
	right:104px
}
.panzer .progress,.panzer .volume
{
	position:relative;
	margin:0 5px;
	height:10px;
	background-position:0 -80px;
	z-index:1
}
.panzer.show-volume .volume
{
	float:right;
	width:69px
}
.panzer.show-volume .volume-wrapper span
{
	float:left;
	position:relative;
	top:-3px;
	left:2px;
	width:16px;
	height:14px;
	background-position:-137px -1px
}
.panzer .progress:after,.panzer .progress:before,.panzer .volume:after,.panzer .volume:before
{
	position:absolute;
	top:0;
	content:'';
	width:5px;
	height:10px;
	z-index:1
}
.panzer .progress:before,.panzer .volume:before
{
	left:-5px;
	background-position:-113px -2px
}
.panzer .progress:after,.panzer .volume:after
{
	right:-4px;
	background-position:-120px -2px
}
.panzer .progress .elapsed,.panzer .volume .set
{
	position:relative;
	height:10px;
	background-position:0 -91px;
	z-index:2
}
.panzer .progress .elapsed:after,.panzer .progress .elapsed:before,.panzer .volume .set:after,.panzer .volume .set:before
{
	position:absolute;
	top:0;
	content:'';
	width:6px;
	height:10px
}
.panzer .progress .elapsed:before,.panzer .volume .set:before
{
	left:-5px;
	background-position:-124px -2px
}
.panzer .progress .elapsed:after,.panzer .volume .set:after
{
	right:-5px;
	background-position:-130px -2px
}
.panzer .cover img
{
	display:block;
	margin:0 auto;
	border:0;
	max-width:100%;
	height:auto
}
.panzer .title
{
	padding:3px 5px;
	text-align:left;
	font:12px/18px Helvetica,Arial;
	cursor:default
}
.panzer-big .player
{
	padding:5px;
	height:48px
}
.panzer-big .controls
{
	width:48px;
	height:49px;
	overflow:hidden
}
.panzer-big .controls a,.panzer-big .controls span
{
	width:48px;
	height:49px;
	background-position:-1px -30px;
	margin:0;
	padding:0;
	border:0
}
.panzer-big .controls a:hover,.panzer-big .controls span.hover,.panzer-big .controls span:hover
{
	background-position:-50px -30px
}
.panzer-big .controls a:active,.panzer-big .controls span.active,.panzer-big .controls span:active
{
	background-position:-99px -30px
}
.panzer-big .controls .play em
{
	width:15px;
	height:18px;
	margin-top:15px;
	margin-left:19px;
	background-position:-149px -34px
}
.panzer-big .controls .pause em
{
	width:14px;
	height:19px;
	margin-top:15px;
	margin-left:17px;
	background-position:-149px -54px
}
.panzer-big .controls .download em
{
	width:14px;
	height:18px;
	margin-top:15px;
	margin-left:17px;
	background-position:-166px -34px
}
.panzer-big strong.alert
{
	line-height:48px
}
.panzer-big .progress-wrapper
{
	left:58px;
	top:24px;
	right:6px
}
.panzer-big.show-duration .progress-wrapper
{
	right:40px
}
.panzer-big.show-duration span.duration
{
	right:6px;
	font-size:12px;
	line-height:57px
}
.panzer-big.show-duration span.small
{
	font-size:11px;
	line-height:58px
}
.panzer-big.show-volume .progress-wrapper
{
	right:106px
}
.panzer-big.show-volume .volume-wrapper
{
	top:24px;
	right:6px
}
.panzer-big.show-duration.show-volume .progress-wrapper
{
	right:141px
}
.panzer-big.show-duration.show-volume span.duration
{
	right:107px
}
.panzer-dark .controls a,.panzer-dark .controls em,.panzer-dark .controls span,.panzer-dark .elapsed,.panzer-dark .elapsed:after,.panzer-dark .elapsed:before,.panzer-dark .progress,.panzer-dark .progress:after,.panzer-dark .progress:before,.panzer-dark .volume,.panzer-dark .volume .set,.panzer-dark .volume .set:after,.panzer-dark .volume .set:before,.panzer-dark .volume-wrapper span,.panzer-dark .volume:after,.panzer-dark .volume:before
{
	background-image:url(panzer-sprite-dark.png)
}
.panzer-dark .player
{
	border:1px solid #111;
	background:#333;
	background:-moz-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a4a4a),color-stop(100%,#292929));
	background:-webkit-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-o-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-ms-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:linear-gradient(to bottom,#4a4a4a 0,#292929 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#292929', GradientType=0);
	-webkit-box-shadow:inset 0 0 3px rgba(85,85,85,.75);
	box-shadow:inset 0 0 3px rgba(85,85,85,.75)
}
.panzer-dark .title,.panzer-dark span.duration
{
	color:#bbb
}
.panzer-dark strong.alert
{
	color:#ccc
}
.panzer-dark .cover,.panzer-dark .title
{
	border:1px solid #111;
	background:#333
}
.panzer-dark .cover
{
	border-bottom:0
}
.panzer-dark .title
{
	border-top:0
}
.panzer-light .controls a,.panzer-light .controls em,.panzer-light .controls span,.panzer-light .elapsed,.panzer-light .elapsed:after,.panzer-light .elapsed:before,.panzer-light .progress,.panzer-light .progress:after,.panzer-light .progress:before,.panzer-light .volume,.panzer-light .volume .set,.panzer-light .volume .set:after,.panzer-light .volume .set:before,.panzer-light .volume-wrapper span,.panzer-light .volume:after,.panzer-light .volume:before
{
	background-image:url(panzer-sprite-light.png)
}
.panzer-light .player
{
	border:1px solid #c3c3c3;
	background:#eee;
	background:-moz-linear-gradient(top,#fcfcfc 0,#d9d9d9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfcfc),color-stop(100%,#d9d9d9));
	background:-webkit-linear-gradient(top,#fcfcfc 0,#d9d9d9 100%);
	background:-o-linear-gradient(top,#fcfcfc 0,#d9d9d9 100%);
	background:-ms-linear-gradient(top,#fcfcfc 0,#d9d9d9 100%);
	background:linear-gradient(to bottom,#fcfcfc 0,#d9d9d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#d9d9d9', GradientType=0)
}
.panzer-light .title,.panzer-light span.duration,.panzer-light strong.alert
{
	color:#666
}
.panzer-light .cover,.panzer-light .title
{
	border:1px solid #c3c3c3;
	background:#eee
}
.panzer-light .cover
{
	border-bottom:0
}
.panzer-light .title
{
	border-top:0
}
	@media (max-width:480px)
{
.panzer
{
	width:auto;
	display:block
}

}
	@media (max-width:320px)
{
.show-duration .progress-wrapper
{
	right:34px
}
.show-volume .progress-wrapper
{
	right:4px
}
.show-volume .volume-wrapper
{
	display:none
}
.show-duration.show-volume .progress-wrapper
{
	right:34px
}
.show-duration.show-volume span.duration
{
	right:4px
}
.panzer-big.show-volume .progress-wrapper
{
	right:6px
}
.panzer-big.show-duration.show-volume .progress-wrapper
{
	right:40px
}
.panzer-big.show-duration.show-volume span.duration
{
	right:6px
}

}
	@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi)
{
.panzer-dark .controls a,.panzer-dark .controls em,.panzer-dark .controls span,.panzer-dark .elapsed,.panzer-dark .elapsed:after,.panzer-dark .elapsed:before,.panzer-dark .progress,.panzer-dark .progress:after,.panzer-dark .progress:before,.panzer-dark .volume,.panzer-dark .volume .set,.panzer-dark .volume .set:after,.panzer-dark .volume .set:before,.panzer-dark .volume-wrapper span,.panzer-dark .volume:after,.panzer-dark .volume:before
{
	background-image:url(panzer-sprite-dark%402x.png);
	background-size:217px 161px
}
.panzer-light .controls a,.panzer-light .controls em,.panzer-light .controls span,.panzer-light .elapsed,.panzer-light .elapsed:after,.panzer-light .elapsed:before,.panzer-light .progress,.panzer-light .progress:after,.panzer-light .progress:before,.panzer-light .volume,.panzer-light .volume .set,.panzer-light .volume .set:after,.panzer-light .volume .set:before,.panzer-light .volume-wrapper span,.panzer-light .volume:after,.panzer-light .volume:before
{
	background-image:url(panzer-sprite-light%402x.png);
	background-size:217px 161px
}

}
.panzerlist
{
	width:300px;
	display:inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
	div.panzerlist-expand
{
	width:100%
}
.panzerlist .player
{
	position:relative;
	padding:3px;
	height:28px;
	text-align:left
}
.panzerlist .controls
{
	float:left;
	width:74px;
	height:28px;
	overflow:hidden
}
.hide-prev-next .player .controls
{
	width:28px
}
.panzerlist .controls a,.panzerlist .controls span
{
	float:left;
	width:28px;
	height:28px;
	background-position:0 0
}
.panzerlist .controls a:hover,.panzerlist .controls span.hover,.panzerlist .controls span:hover
{
	background-position:-28px 0
}
.panzerlist .controls a:active,.panzerlist .controls span.active,.panzerlist .controls span:active
{
	background-position:-56px 0
}
.panzerlist .controls em
{
	display:block
}
.panzerlist .controls .play em
{
	width:9px;
	height:12px;
	margin-top:9px;
	margin-left:11px;
	background-position:-85px -1px
}
.panzerlist .controls .pause em
{
	width:9px;
	height:11px;
	margin-top:9px;
	margin-left:10px;
	background-position:-94px -1px
}
.panzerlist .controls .prev-next
{
	float:left;
	margin-top:3px;
	margin-left:2px;
	width:43px;
	height:23px
}
.panzerlist .controls .prev-next span
{
	float:left;
	width:21px;
	height:22px
}
.panzerlist .controls .prev-next span.prev
{
	background-position:0 -102px
}
.panzerlist .controls .prev-next span.prev:hover
{
	background-position:-43px -102px
}
.panzerlist .controls .prev-next span.prev:active
{
	background-position:-86px -102px
}
.panzerlist .controls .prev-next span.next
{
	width:22px;
	background-position:-21px -102px
}
.panzerlist .controls .prev-next span.next:hover
{
	background-position:-64px -102px
}
.panzerlist .controls .prev-next span.next:active
{
	background-position:-107px -102px
}
.panzerlist strong.alert
{
	font:12px/18px Helvetica,Arial;
	font-weight:400;
	display:block;
	padding:0 4px;
	text-align:left
}
.panzerlist .progress-wrapper
{
	position:absolute;
	height:11px;
	left:77px;
	top:12px;
	right:104px
}
.hide-prev-next .progress-wrapper
{
	left:33px
}
.panzerlist .volume-wrapper
{
	position:absolute;
	width:70px;
	height:11px;
	top:12px;
	right:3px
}
.panzerlist span.duration
{
	position:absolute;
	top:0;
	right:74px;
	font:10px/35px Helvetica,Arial;
	cursor:default
}
.panzerlist span.small
{
	font-size:9px
}
.panzerlist .progress,.panzerlist .volume
{
	position:relative;
	margin:0 5px;
	height:11px;
	background-position:0 -79px;
	width: 99%;
}
.panzerlist .volume
{
	float:right;
	width:40px
}
.panzerlist .volume-wrapper span
{
	float:left;
	position:relative;
	top:-3px;
	left:1px;
	width:17px;
	height:15px;
	background-position:-136px 0
}
.panzerlist .progress:after,.panzerlist .progress:before,.panzerlist .volume:after,.panzerlist .volume:before
{
	position:absolute;
	top:0;
	content:'';
	width:5px;
	height:11px;
	z-index:1
}
.panzerlist .progress:before,.panzerlist .volume:before
{
	left:-5px;
	background-position:-113px -1px
}
.panzerlist .progress:after,.panzerlist .volume:after
{
	right:-4px;
	background-position:-119px -1px
}
.panzerlist .progress .elapsed,.panzerlist .volume .set
{
	position:relative;
	height:10px;
	background-position:0 -90px;
	z-index:2
}
.panzerlist .progress .elapsed:after,.panzerlist .progress .elapsed:before,.panzerlist .volume .set:after,.panzerlist .volume .set:before
{
	position:absolute;
	top:0;
	content:'';
	width:6px;
	height:10px
}
.panzerlist .progress .elapsed:before,.panzerlist .volume .set:before
{
	left:-5px;
	background-position:-124px -1px
}
.panzerlist .progress .elapsed:after,.panzerlist .volume .set:after
{
	right:-5px;
	background-position:-130px -1px
}
.panzerlist .cover img
{
	display:block;
	margin:0 auto;
	border:0;
	max-width:100%;
	height:auto
}
.panzerlist .title
{
	padding:4px;
	text-align:center;
	font:12px/20px Helvetica,Arial;
	cursor:default
}
.panzerlist .list
{
	text-align:left;
	cursor:default
}
.hide-list .list
{
	display:none
}
.panzerlist .list a
{
	padding:4px 7px;
	display:block;
	font:12px/18px Helvetica,Arial;
	font-weight:400;
	text-decoration:none;
	outline:0;
	border:0
}
.panzerlist-big .player
{
	padding:0 5px;
	height:40px
}
.panzerlist-unsupported .player
{
	height:auto
}
.panzerlist-big .controls
{
	width:127px;
	height:49px;
	overflow:hidden
}
.panzerlist-big.hide-prev-next .player .controls
{
	width:49px
}
.panzerlist-big .controls a,.panzerlist-big .controls span
{
	width:49px;
	height:49px;
	background-position:0 -29px;
	margin:0;
	padding:0;
	border:0
}
.panzerlist-big .controls a:hover,.panzerlist-big .controls span.hover,.panzerlist-big .controls span:hover
{
	background-position:-49px -29px
}
.panzerlist-big .controls a:active,.panzerlist-big .controls span.active,.panzerlist-big .controls span:active
{
	background-position:-98px -29px
}
.panzerlist-big .controls .play em
{
	width:15px;
	height:18px;
	margin-top:15px;
	margin-left:19px;
	background-position:-148px -33px
}
.panzerlist-big .controls .pause em
{
	width:15px;
	height:19px;
	margin-top:15px;
	margin-left:17px;
	background-position:-148px -53px
}
.panzerlist-big .controls .prev-next
{
	margin-top:7px;
	margin-left:5px;
	width:73px;
	height:35px
}
.panzerlist-big .controls .prev-next span
{
	float:left;
	width:35px;
	height:34px
}
.panzerlist-big .controls .prev-next span.prev
{
	margin-left:1px;
	background-position:-1px -126px
}
.panzerlist-big .controls .prev-next span.prev:hover
{
	background-position:-73px -126px
}
.panzerlist-big .controls .prev-next span.prev:active
{
	background-position:-145px -126px
}
.panzerlist-big .controls .prev-next span.next
{
	width:36px;
	background-position:-36px -126px
}
.panzerlist-big .controls .prev-next span.next:hover
{
	background-position:-108px -126px
}
.panzerlist-big .controls .prev-next span.next:active
{
	background-position:-180px -126px
}
.panzerlist-big strong.alert
{
	font-size:13px
}
.panzerlist-big .progress-wrapper {
	left: 135px;
	top: 18px;
	right: 6px;
}
.panzerlist-big span.duration {
	top: 28px;
	right: 116px;
	font-size: 12px;
	line-height: 32px;
}
.panzerlist-big span.small
{
	font-size:11px;
	line-height:58px
}
.panzerlist-big .volume-wrapper {
	top: 38px;
	right: 11px;
	width: 102px;
}
.panzerlist-big .volume-wrapper .volume
{
	width:70px
}
.panzerlist-big .title
{
	padding:6px;
	font-size:14px
}
.panzerlist-big .list
{
	font-size:13px;
	line-height:20px
}
.panzerlist-big .list a
{
	padding:5px 9px
}
.panzerlist-dark .controls a,.panzerlist-dark .controls em,.panzerlist-dark .controls span,.panzerlist-dark .elapsed,.panzerlist-dark .elapsed:after,.panzerlist-dark .elapsed:before,.panzerlist-dark .progress,.panzerlist-dark .progress:after,.panzerlist-dark .progress:before,.panzerlist-dark .volume,.panzerlist-dark .volume .set,.panzerlist-dark .volume .set:after,.panzerlist-dark .volume .set:before,.panzerlist-dark .volume-wrapper span,.panzerlist-dark .volume:after,.panzerlist-dark .volume:before
{
	background-image:url(panzer-sprite-dark.png)
}
.panzerlist-dark .player,.panzerlist-dark .title
{
	border:1px solid #111;
	background:#333;
	background:-moz-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a4a4a),color-stop(100%,#292929));
	background:-webkit-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-o-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:-ms-linear-gradient(top,#4a4a4a 0,#292929 100%);
	background:linear-gradient(to bottom,#4a4a4a 0,#292929 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#292929', GradientType=0);
	-webkit-box-shadow:inset 0 0 3px rgba(85,85,85,.75);
	box-shadow:inset 0 0 3px rgba(85,85,85,.75)
}
.panzerlist-dark .title
{
	border-bottom:0;
	color:#ccc;
	text-shadow:1px 1px rgba(0,0,0,.5)
}
.panzerlist-dark .list a,.panzerlist-dark span.duration
{
	color:#bbb
}
.panzerlist-dark .list a:hover
{
	color:#fff;
	background-color:#2a2a2a
}
.panzerlist-dark .list a.active
{
	color:#62cde7;
	background-color:#262626
}
.panzerlist-dark strong.alert
{
	color:#ccc
}
.panzerlist-dark .cover,.panzerlist-dark .list
{
	border:1px solid #111;
	background:#333;
	border-bottom:0
}
.panzerlist-light .controls a,.panzerlist-light .controls em,.panzerlist-light .controls span,.panzerlist-light .elapsed,.panzerlist-light .elapsed:after,.panzerlist-light .elapsed:before,.panzerlist-light .progress,.panzerlist-light .progress:after,.panzerlist-light .progress:before,.panzerlist-light .volume,.panzerlist-light .volume .set,.panzerlist-light .volume .set:after,.panzerlist-light .volume .set:before,.panzerlist-light .volume-wrapper span,.panzerlist-light .volume:after,.panzerlist-light .volume:before
{
	background-image:url(panzer-sprite-light.png)
}
.panzerlist-light .player,.panzerlist-light .title
{
	
}
.panzerlist-light .title
{
	border-bottom:0;
	color:#666;
	text-shadow:1px 1px rgba(255,255,255,.5)
}
.panzerlist-light .list a,.panzerlist-light span.duration
{
	color:#666
}
.panzerlist-light .list a:hover
{
	color:#333;
	background-color:#e2e2e2
}
.panzerlist-light .list a.active
{
	color:#888;
	background-color:#ddd
}
.panzerlist-light strong.alert
{
	color:#666
}
.panzerlist-light .cover,.panzerlist-light .list
{
	border:1px solid #c3c3c3;
	background:#eee;
	border-bottom:0
}
	@media (max-width:480px)
{
.panzerlist
{
	width:auto;
	display:block
}
.panzerlist-big .volume-wrapper
{
	display:none
}
.panzerlist-big span.duration
{
	right:6px
}

}
	@media (max-width:320px)
{
.panzerlist .volume-wrapper
{
	display:none
}
.panzerlist .progress-wrapper
{
	right:34px
}
.panzerlist-big .progress-wrapper
{
	right:6px
}
.panzerlist span.duration
{
	right:4px
}

}
	@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi)
{
.panzerlist-dark .controls a,.panzerlist-dark .controls em,.panzerlist-dark .controls span,.panzerlist-dark .elapsed,.panzerlist-dark .elapsed:after,.panzerlist-dark .elapsed:before,.panzerlist-dark .progress,.panzerlist-dark .progress:after,.panzerlist-dark .progress:before,.panzerlist-dark .volume,.panzerlist-dark .volume .set,.panzerlist-dark .volume .set:after,.panzerlist-dark .volume .set:before,.panzerlist-dark .volume-wrapper span,.panzerlist-dark .volume:after,.panzerlist-dark .volume:before
{
	background-image:url(panzer-sprite-dark%402x.png);
	background-size:217px 161px
}
.panzerlist-light .controls a,.panzerlist-light .controls em,.panzerlist-light .controls span,.panzerlist-light .elapsed,.panzerlist-light .elapsed:after,.panzerlist-light .elapsed:before,.panzerlist-light .progress,.panzerlist-light .progress:after,.panzerlist-light .progress:before,.panzerlist-light .volume,.panzerlist-light .volume .set,.panzerlist-light .volume .set:after,.panzerlist-light .volume .set:before,.panzerlist-light .volume-wrapper span,.panzerlist-light .volume:after,.panzerlist-light .volume:before
{
	background-image:url(panzer-sprite-light%402x.png);
	background-size:217px 161px
}

}

/*-------custom css-------------*/
.list{
	display:none;
}