.progress-radial{margin-right:30px;position:relative;width:100%;height:100%;border-radius:50%;border:4px solid #c5c5c5}.track_op{top:25%!important}.progress-radial .overlay{width:100%;height:100%;padding:5px;border-radius:50%;text-align:center;line-height:60px;font-size:16px}.controls{position:absolute;top:15%;left:5%;width:100%;text-align:center}.progress{max-width:100px!important;max-height:100px!important;margin:0 auto}.controls .glyphicon{font-size:2em;color:rgba(255,255,255,.7);padding:5px;margin:0 10px;cursor:pointer}.controls .glyphicon.active{font-size:3em;margin:5px 10px;text-shadow:0 0 5px #333;color:#fff}.progress,.progress-0{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(90deg,#02a451 50%,#fff 50%,#fff)}.progress-1{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(93.6deg,#02a451 50%,#fff 50%,#fff)}.progress-2{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(97.2deg,#02a451 50%,#fff 50%,#fff)}.progress-3{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(100.8deg,#02a451 50%,#fff 50%,#fff)}.progress-4{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(104.4deg,#02a451 50%,#fff 50%,#fff)}.progress-5{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(108deg,#02a451 50%,#fff 50%,#fff)}.progress-6{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(111.6deg,#02a451 50%,#fff 50%,#fff)}.progress-7{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(115.2deg,#02a451 50%,#fff 50%,#fff)}.progress-8{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(118.8deg,#02a451 50%,#fff 50%,#fff)}.progress-9{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(122.4deg,#02a451 50%,#fff 50%,#fff)}.progress-10{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(126deg,#02a451 50%,#fff 50%,#fff)}.progress-11{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(129.6deg,#02a451 50%,#fff 50%,#fff)}.progress-12{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(133.2deg,#02a451 50%,#fff 50%,#fff)}.progress-13{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(136.8deg,#02a451 50%,#fff 50%,#fff)}.progress-14{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(140.4deg,#02a451 50%,#fff 50%,#fff)}.progress-15{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(144deg,#02a451 50%,#fff 50%,#fff)}.progress-16{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(147.6deg,#02a451 50%,#fff 50%,#fff)}.progress-17{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(151.2deg,#02a451 50%,#fff 50%,#fff)}.progress-18{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(154.8deg,#02a451 50%,#fff 50%,#fff)}.progress-19{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(158.4deg,#02a451 50%,#fff 50%,#fff)}.progress-20{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(162deg,#02a451 50%,#fff 50%,#fff)}.progress-21{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(165.6deg,#02a451 50%,#fff 50%,#fff)}.progress-22{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(169.2deg,#02a451 50%,#fff 50%,#fff)}.progress-23{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(172.8deg,#02a451 50%,#fff 50%,#fff)}.progress-24{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(176.4deg,#02a451 50%,#fff 50%,#fff)}.progress-25{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(180deg,#02a451 50%,#fff 50%,#fff)}.progress-26{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(183.6deg,#02a451 50%,#fff 50%,#fff)}.progress-27{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(187.2deg,#02a451 50%,#fff 50%,#fff)}.progress-28{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(190.8deg,#02a451 50%,#fff 50%,#fff)}.progress-29{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(194.4deg,#02a451 50%,#fff 50%,#fff)}.progress-30{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(198deg,#02a451 50%,#fff 50%,#fff)}.progress-31{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(201.6deg,#02a451 50%,#fff 50%,#fff)}.progress-32{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(205.2deg,#02a451 50%,#fff 50%,#fff)}.progress-33{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(208.8deg,#02a451 50%,#fff 50%,#fff)}.progress-34{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(212.4deg,#02a451 50%,#fff 50%,#fff)}.progress-35{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(216deg,#02a451 50%,#fff 50%,#fff)}.progress-36{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(219.6deg,#02a451 50%,#fff 50%,#fff)}.progress-37{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(223.2deg,#02a451 50%,#fff 50%,#fff)}.progress-38{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(226.8deg,#02a451 50%,#fff 50%,#fff)}.progress-39{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(230.4deg,#02a451 50%,#fff 50%,#fff)}.progress-40{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(234deg,#02a451 50%,#fff 50%,#fff)}.progress-41{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(237.6deg,#02a451 50%,#fff 50%,#fff)}.progress-42{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(241.2deg,#02a451 50%,#fff 50%,#fff)}.progress-43{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(244.8deg,#02a451 50%,#fff 50%,#fff)}.progress-44{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(248.4deg,#02a451 50%,#fff 50%,#fff)}.progress-45{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(252deg,#02a451 50%,#fff 50%,#fff)}.progress-46{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(255.6deg,#02a451 50%,#fff 50%,#fff)}.progress-47{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(259.2deg,#02a451 50%,#fff 50%,#fff)}.progress-48{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(262.8deg,#02a451 50%,#fff 50%,#fff)}.progress-49{background-image:linear-gradient(90deg,#fff 50%,transparent 50%,transparent),linear-gradient(266.4deg,#02a451 50%,#fff 50%,#fff)}.progress-50{background-image:linear-gradient(-90deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-51{background-image:linear-gradient(-86.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-52{background-image:linear-gradient(-82.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-53{background-image:linear-gradient(-79.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-54{background-image:linear-gradient(-75.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-55{background-image:linear-gradient(-72deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-56{background-image:linear-gradient(-68.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-57{background-image:linear-gradient(-64.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-58{background-image:linear-gradient(-61.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-59{background-image:linear-gradient(-57.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-60{background-image:linear-gradient(-54deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-61{background-image:linear-gradient(-50.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-62{background-image:linear-gradient(-46.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-63{background-image:linear-gradient(-43.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-64{background-image:linear-gradient(-39.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-65{background-image:linear-gradient(-36deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-66{background-image:linear-gradient(-32.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-67{background-image:linear-gradient(-28.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-68{background-image:linear-gradient(-25.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-69{background-image:linear-gradient(-21.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-70{background-image:linear-gradient(-18deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-71{background-image:linear-gradient(-14.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-72{background-image:linear-gradient(-10.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-73{background-image:linear-gradient(-7.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-74{background-image:linear-gradient(-3.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-75{background-image:linear-gradient(0deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-76{background-image:linear-gradient(3.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-77{background-image:linear-gradient(7.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-78{background-image:linear-gradient(10.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-79{background-image:linear-gradient(14.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-80{background-image:linear-gradient(18deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-81{background-image:linear-gradient(21.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-82{background-image:linear-gradient(25.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-83{background-image:linear-gradient(28.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-84{background-image:linear-gradient(32.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-85{background-image:linear-gradient(36deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-86{background-image:linear-gradient(39.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-87{background-image:linear-gradient(43.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-88{background-image:linear-gradient(46.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-89{background-image:linear-gradient(50.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-90{background-image:linear-gradient(54deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-91{background-image:linear-gradient(57.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-92{background-image:linear-gradient(61.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-93{background-image:linear-gradient(64.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-94{background-image:linear-gradient(68.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-95{background-image:linear-gradient(72deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-96{background-image:linear-gradient(75.6deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-97{background-image:linear-gradient(79.2deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-98{background-image:linear-gradient(82.8deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-99{background-image:linear-gradient(86.4deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}.progress-100{background-image:linear-gradient(90deg,#02a451 50%,transparent 50%,transparent),linear-gradient(270deg,#02a451 50%,#fff 50%,#fff)}

#player{width:350px;height:50px;position:relative;margin:1px 18%;bottom:0;
    /* background:url(http://iviewsource.com/exercises/audioslider/images/volume-background.png) left top no-repeat; */
    
    float:left}


#volume,#volume .ui-slider-handle,#volume .ui-slider-range-min{position:absolute;outline:0;border:none}
#volume{left:24px;margin:0 auto;height:15px;width:300px;
    /* background:url(http://iviewsource.com/exercises/audioslider/images/volume-empty.png) left top no-repeat */

}
    
    
#volume .ui-slider-range-min{height:15px;width:300px;
    /* background:url(../../img/volume-full.png) left top no-repeat */

}


#volume .ui-slider-handle{width:38px;height:39px;
    /* background:url(http://iviewsource.com/exercises/audioslider/images/volume-knob.png) left top no-repeat!important; */
    
    margin-left:-15px;cursor:pointer;top:-8px!important}.clear20{float:left;width:100%;height:20px}