.a-player{
	display: table;
	padding: 10px;
	margin: 20px;
	width: 500px;
	height: 120px;
	border: 2px solid #ccc;
	border-top: 2px solid #00abef;
	
	
	position: relative;
	
}
.a-player p{padding: 0; margin: 5px; color: #494949; margin-left: 80px;}
.a-player a{
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 10px;
	left: 20px;
	cursor: pointer;
	
}
.play{
	background-image: url(/shablon/img/play.png);
	
}
.pause{
	background-image: url(/shablon/img/pause.png);
}

#prokrutka{
	
	display: block;
	width: 480px;
	height: 50%;
	position: absolute;
	top: 55px;
	left: 10px;
	background: #ccc;
	cursor: pointer;
	/*-webkit-transition: all 0.3s linear 0s;
     -moz-transition: all 0.3s linear 0s;
     -o-transition: all 0.3s linear 0s;
     transition: all 0.3s linear 0s;*/
}
#prokrutka:after{
	display: block;
	width: 100%;
	height: 63px;
	position: absolute;
	bottom: 0;
	left: 0px;
	background-image: url(/shablon/img/skala.png);
	background-repeat: repeat-x;
	background-size: 50%;
	content: '';
	
	
	
}
#prokrutka .shkala_time{
	width: 0;
	height: 100%;
	display: block;
	background: #00abef;
	/*-webkit-transition: all 0.3s linear 0s;
     -moz-transition: all 0.3s linear 0s;
     -o-transition: all 0.3s linear 0s;
     transition: all 0.3s linear 0s;*/
	
	
}
#prokrutka:hover{
	
	background: #676767;
	
}


#duration{display: block;
position: absolute;
width: auto;
height: auto;
background: #494949;
color: #fff;
right: 2px;
top: 2px;
text-align: center;
font-size: 10px;
padding: 0 2px;
}

audio{
display:none;
}

.inner .a-player{
	width: 96%;
	margin: 2%;
	height: 80px;
	
}
.inner .a-player p{ margin: 2px 5px 5px 40px; font-size: 0.8em;}
.inner .a-player a{
	width: 25px;
	height: 25px;
	left: 10px;
	
	
}
.inner #prokrutka{
	height: 30px;
	width: 96%;
	left: 2%;
	top: 40px;
	
}
.inner #prokrutka:after{
	width: 100%;
	height: 30px;
	
	
}

button.my_button {
	
	display: inline;
	padding: 0;
	text-transform: uppercase;
	border: 0;
	box-shadow: -1px 8px 19px #9FDAF9;
	margin: 15px;
	background: #10A2EF;
	border-radius: 45px;
	line-height: 40px;
	text-align: center;
	padding: 5px 90px;
	width: auto;
	color: #fff;
}

.frame_img_upload {
	font-family: "Open Sans",sans-serif;
	background-color: #fff;
    border: 1px solid #fff;
    height: 60px;
    margin: 10px 0;
    overflow: hidden;
    padding: 5px 0;
    text-align: left;
    width: 748px;
	
}

.admin_tovar_img{
	float: left;
	
}

.admin_tovar_img img{
	margin-right: 9px; max-width: 28px;
	
}

.add-img img{padding:0 10px; margin-top: 18px; }
.admin_tovar_img input#file{
	
	cursor: pointer;
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
	letter-spacing: 2px;
}

.admin_tovar_img:hover, div#frame-razdel-img:hover{
color: #23527c;}


a.add-img {
	font-size: 16px;
	color: #494949;
}

.block-items .inner .a-player{
	width: 98%;
	margin: 2% 1%;
	height: 80px;
	
}


.player_mini .a-player{
	width: 96%;
	margin: 2%;
	height: 80px;
	
}
.player_mini .a-player p{ margin: 2px 5px 5px 40px; font-size: 0.8em;}
.player_mini .a-player a{
	width: 25px;
	height: 25px;
	left: 10px;
	
	
}
.player_mini #prokrutka{
	height: 30px;
	width: 96%;
	left: 2%;
	top: 40px;
	
}
.player_mini #prokrutka:after{
	width: 100%;
	height: 30px;
	
	
}