@charset "utf-8";
/* 代码整理：易站站长网 yizhanzzw.com */
body {
	padding:0;
	margin:0;
	background:#cbd4da;
	font-size:12px;
}
p{ text-align:center;}
/*播放器面板容器*/
.box {
	width:320px;
	margin:100px auto;
	background:#fff;
	border:solid 1px #979797;
	border-radius:6px;/*制作圆角*/
	box-shadow:0 0 5px 6px rgba(0, 0, 0, 0.05);/*面板阴影*/
}
/*播放器面板头部*/
.boxt {
	height:40px;
	line-height:40px;
	padding:0 16px;
}
.circle{ padding-top:10px;}
.boxt .minitxt {
	font-size:bold 14px Arial;
	color:#7e97ab;
}
/*播放器面板左边按钮（仿mac窗口按钮效果）*/
.boxt .circle em {
	display:inline-block;
	background:#e4e4e4;
	border:solid 1px #c7c9cb;
	border-radius:8px;
	width:12px;
	height:12px;
	margin-right:8px;
	border:none;
	border-radius:6px;
	cursor: pointer;
}
/*关闭面板按钮*/
.boxt .circle .close {
	box-shadow:inset 0px 1px 1px rgba(83, 11, 8, .5);
 background:-*-radial-gradient(top center, circle, #fff, #af2b24, #ec8e89);
}
/*面板最大化按钮*/
.boxt .circle .max {
	box-shadow:inset 0px 1px 1px rgba(117, 38, 27, .5);
 background:-*-radial-gradient(top center, circle, #fff, #ce712d, #fcdf7d);
}
/*面板最小化按钮*/
.boxt .circle .min {
	box-shadow:inset 0px 1px 1px rgba(34, 75, 15, .5);
 background:-*-radial-gradient(top center, circle, #fff, #74a94e, #bbdd83);
}
/*面板中间内容*/
.boxm {
	border:solid 1px #dedede;
	border-width:1px 0;
	padding:20px 16px;
	overflow:hidden;
}
/*面板播放按钮*/
.boxm .boxml {
	float:left;
	padding-top:5px;
}
/*面板控制按钮基本样式*/
.boxm .boxml .btn {
	display:inline-block;
	width:45px;
	height:40px;
	padding-top:5px;
	border:none;
	border-radius:25px;
	text-align:center;
	font-size:0;
	cursor:pointer;
	box-shadow:inset 0 1px 1px rgba(100, 100, 100, .3);
 background:-*-linear-gradient(top, #e6e6e6, #f2f1f1);
}
/*font face 制作icon*/
@font-face {
 font-family:"playericon";
 src:url(../font/fontello.eot);
 src:url(../font/fontello.eot#iefix) format("embedded-opentype"),  url(font/fontello.woff) format("woff"),  url(font/fontello.ttf) format("truetype"),  url(font/fontello.svg) format("svg");
 font-weight:normal;
 font-style:normal;
}
.btn:after {
	font-family:"playericon";
	display:inline-block;
	width:35px;
	height:35px;
	border:none;
	border-radius:20px;
	font-size:18px;
	line-height:35px;
	text-align:center;
	box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .4);
 background:-*-linear-gradient(top, #fff, #e9e9e9);
}
/*播放icon*/
.on:after {
	content:"\25B6";
	color:#475057;
}
/*停止icon*/
.stop:after {
	content:"\25A0";
	color:#cf6767;
}
/*中止icon*/
.pause:after {
	content:"\2389";
	color:#475057;
}
.btn:hover:after {
	color:#19a6e4;
	box-shadow:0 -1px 0px 1px #ccc;
}
/*面板时间部分*/
.boxm .boxmr {
	font-family:Arial;
	color:#666;
	text-align:right;
	overflow: hidden;
}
.boxm .taketime {
	font-size:30px;
}
.boxm span {
	display:inline-block;
	padding:0 10px;
	font-size:9px;
	-webkit-text-size-adjust:none;
}
/*面板底部样式*/
.boxb {
	height:40px;
	line-height:40px;
	padding:0 16px;
	border-top:solid 1px #fff;
	background:#eee;
	font-size:14px;
	font-family:Arial;
	color:#999;
	border-radius:6px;
}
.fr {
	float:right;
}
/* 代码整理：易站站长网 yizhanzzw.com */