h1.title { text-align: center; padding: 20px; }
#mlb-wrapper { width: 280px; padding:0; }
.base { margin: 0 auto; width: 280px; text-align: center; position: relative; }
#photo { width: 280px; height: 330px; overflow: hidden; }
#photo ul { margin-left: 0; width: 1680px; }
#photo ul li { display: block; float: left; }
#photo img { display: block; }
#details { border: solid 0px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px; }
#hover-box { height: 23px; margin-top: -23px; position: relative; z-index: 30; }
#thumbs { position: absolute; height: 61px; background-color: #444; background: rgba(0, 0, 0, .7); padding: 3px 0 0 0; bottom: 0; opacity: 0; display: none; left:0px;}
#thumbs ul { width: 280px; margin: 0 auto; }
#thumbs ul li { display: inline-block; float: left; padding: 0 2px 0 2px; }
#thumbs p { color: #fff; font-size: 9px; padding: 2px 5px 5px 5px; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; clear: both; }
#thumbs img { border: solid 1px #fff; position: relative; z-index: 1; }
#thumbs a.highlight img { border: solid 1px #ff9933; }
#thumbs ul li a:link, #thumbs ul li a:visited { position: relative; display: block; outline: none; }
#thumbs ul li a span { display: block; width: 64px; height: 31px; border: solid 5px #fff; opacity: .68; filter: alpha(opacity=68); position: absolute; z-index: 20; top: 1px; left: 1px; }
#thumbs ul li a.highlight span { border-color: #ff9933; opacity: .6; }
#navigation { background-color: #444; background: rgba(0, 0, 0, .5); height: 23px; width: 280px; z-index: 1; position: absolute; bottom: 0;left:0px; }
#navigation ul { width: 100%; float: left; margin: 0 0 0 100px; display: inline; }
#navigation ul li { width: 30px; float: left; padding: 5px 0 0 0; }
#navigation a:link, #navigation a:visited { font-size: 10px; text-decoration: none; color: #fff; outline: none; }
#navigation a:hover, #navigation a:focus { color: #ff9933; background: none; }
#navigation ul li a:hover, #navigation ul li a:focus { background: rgba(255, 255, 255, .5); }
#navigation ul li a.highlight:hover, #navigation ul li a.highlight:focus { background: rgba(255, 153, 51, .5); }
#navigation ul li a.highlight:link, #navigation ul li a.highlight:visited { border-color: #ff9933; background: #ff9933; }
#navigation ul li a:link, #navigation ul li a:visited { display: block; float: left; width: 8px; height: 8px; border: solid 3px #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-indent: -9999em; overflow: hidden; }
#navigation a span { font-size: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; }
#description { width:270px; height:70px; background-color:#ff7f00; padding:0 0 0 10px; }
#title a:link, #title a:visited { font-size: 16px; color: #fff; text-decoration: none; font-family: Arial, 黑体; font-weight: bold; line-height: 30px; }
#title a:hover, #title a:focus { text-decoration: underline; }
#long-desc { font-size: 10px; }
