﻿

/*²¥·Å°´Å¥*/
a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:22px;
 height:22px;
 background-image: none, url(play.png);
}


a.sm2_button {
 background-image:url(play.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image: none, url(play.png);
  background-size: 22px 22px;
 *background-image:url(arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */

}
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
	transition:all 2s;
        -ms-transform:rotate(90deg); 	/* IE 9 */
				-moz-transform:rotate(90deg); 	/* Firefox */
				-webkit-transform:rotate(90deg); /* Safari ºÍ Chrome */
				-o-transform:rotate(90deg); 	/* Opera */

 border-radius: 10px;
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-image: none, url(pause.png);
 
}

.Bg {background:url(/img/Bg.png) center 20px no-repeat; padding-top:150px;}