@charset "utf-8";
body{min-height:300px !important;}
body *{font-family:Arial, Geneva, SunSans-Regular, sans-serif;font-size:14px;color:#333;line-height:22px;}

/* wrapper */
#wrapper{border:10px solid rgba( 255, 255, 255, 0.5 );box-shadow:0 10px 20px rgba( 0, 0, 0, 0.3 );width:640px;height:400px;}
#carousel img{float:left;}
#timer,  #play{position:absolute;transition:opacity 0.5s ease;}
#timer{width:150px;height:150px;margin:-75px 0 0 -75px;}
#timer .top,  #timer .bottom{width:150px;height:75px;overflow:hidden;}
#timer .bottom img{margin-top:-76px;transform:rotate(180deg);}
#play{border:20px solid transparent;border-left:30px solid #fff;width:0;height:0;margin:-20px 0 0 -10px;}
#play.paused{border:10px solid #fff;border-top:none;border-bottom:none;width:10px;height:36px;margin:-18px 0 0 -14px;}
#wrapper:hover #timer,  #wrapper:hover #play{opacity:0.7;}