/* 
Author: Peter de With
Version: 2.00 (16-9-2019)
Author URI: http://peterdewith.nl
 */


.container_player{
	#background-color: #00ffee;
	width: 90%;
	display: inline-block;
}

div#playbtn{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top: 13px;
	background: rgba(0, 0, 0, 1.0) url("icon-browsePlayBig.png") center center no-repeat;
	background-size: 70px 70px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;-ms-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	cursor: pointer;
}

div#playbtn:hover {
	background: rgba(0, 0, 0, 1.0) url("icon-browsePlayBig.png") center center no-repeat; 
	background-size: 70px 70px; 
	-webkit-transform: scale(1.14); 
	-moz-transform: scale(1.14); 
	-o-transform: scale(1.14); 
	transform: scale(1.14); 
}

div#stopbtn {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top: 13px;
	background: rgba(0, 0, 0, 1.0) url("icon-browseStop.png") center center no-repeat;
	background-size: 75px 75px;-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	cursor: pointer;	
}

div#stopbtn:hover {
	background: rgba(0, 0, 0, 1.0) url("icon-browseStop.png") center center no-repeat; 
	background-size: 75px 75px; -webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
	
div#stopbtn {
	display: none;
}