.playstop {
        background: #EEC54A;
        background-size: cover;
        width: 70px;
        height: 25px;
        border-right: 2px solid white;
    }
    
    .mid {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
    div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
        border-right: 2px solid white;
    }
    div.jp-audio div.jp-progress {
            height:25px;
    }
    div.jp-audio div.jp-type-single div.jp-progress {
            width:250px;
    }
    div.jp-audio div.jp-type-playlist div.jp-progress {
            width:250px;
    }
    div.jp-video div.jp-progress {
            width:100%;
            height:25px;
    }  
    
    div.jp-seek-bar {
	background-color: #ddd;
	height:100%;
	cursor: pointer;
    }
    div.jp-play-bar {
            background-color: #EEC54A;
            width:0px;
            height:100%;
    }

    /* The seeking class is added/removed inside jPlayer */
    div.jp-seeking-bg {
            background-color:#ddd;
    }
    
    div.jp-time-holder {
        background-color: #777;
        color:white;
        width:95px;
        height:25px;
        overflow: hidden;
    }
    
    div.jp-volume-bar {
	overflow:hidden;
	background-color: #ddd;
	width:80px;
	height:10px;
	cursor: pointer;
    }
    
    div.jp-volume-bar-value {
	background-color: #EEC54A;
	width:0px;
	height:10px;
    }
    
    a.jp-volume-max {
    }
    
    #jp_container_1.out {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 419px;
        z-index: 999;
        animation:ease-out an 0.5s;
      }

    #jp_container_1.in { animation:ease-in ac 1s; }