﻿/*焦点图效果*/
#carousel{ overflow:hidden; width:505px; height:400px;}
.frame {WIDTH:400px; overflow:hidden; HEIGHT: 400px; float:left; POSITION: relative;}
.frames {WIDTH:400px; HEIGHT: 400px;POSITION: absolute;}
.frame-1 {OVERFLOW: hidden; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px; z-index:9;}
.frame-2 {OVERFLOW: hidden; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px;}
.frame-3 {OVERFLOW: hidden; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px;}
.frame-4 {OVERFLOW: hidden; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px;}
.frames li{ width:400px;}
.frames li img{float:left; width:400px; height:307px;}
.frames dl{ padding:10px 12px; color:#FFF; width:380px; height:76px; background:#2B292A; float:left;}
.frames dt a{font-weight:bold; padding-bottom:2px; width:380px;}
.frames dd{width:380px; line-height:18px;}
.frames dd a{ color:#FFF; text-decoration:none;}
.controls { WIDTH:105px; float:left; height:400px;}
.controls li {WIDTH:82px;height:104px;}
.controls li dl{WIDTH:82px; cursor:pointer; padding:10px 5px 0px;_padding:10px 4px 0px;}
.controls li dt{WIDTH:82px;height:36px;}
.controls li dd{WIDTH:75px;height:36px; color:#FFF; font-size:14px; font-family:"微软雅黑"; line-height:18px; font-weight:bold; overflow:hidden; margin-left:5px;}#control1 dl{height:82px; background:#0072BB;}
#control2 dl{height:82px; background:#CD4900;}
#control3 dl{height:82px; background:#008641;}
#control4 dl{height:82px; background:#662E91;}
.controls .selected,.controls .on{WIDTH:100px;height:104px;}
.controls .selected dt span{WIDTH:90px;height:30px; display:block; background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/arrow.png) no-repeat 50px 0px;}
.controls .on dt span{WIDTH:90px;height:30px; display:block; background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/arrow.png) no-repeat 50px 0px;}

/*滚动播放图片*/html,body,div,span,applet,object,iframe,code,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;font-weight: normal;font-style: normal;font-family: inherit;text-align: left;}
table {border-collapse: collapse;border-spacing: 0;}
ol,ul {list-style: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
#mlb-wrapper {width:792px;}
#photo{width:792px;height:222px;overflow: hidden;}
#photo ul{margin-left: 0;width: 2880px;}
#photo ul li{display: block;float: left;width:792px; overflow:hidden;}
.pabox{width:188px; margin-left:10px;_margin-left:8px; float:left;}
.paboxg{width:164px; height:33px; background:#7e9e16; padding:15px 12px 0px;}
#photo ul li img{width:188px; height:140px;}
#photo img {display: block;}
#details{padding: 0px;}
#hover-box{height: 23px;margin-top:-23px;position: relative;z-index: 30;}
#thumbs{position: absolute;bottom: 0;display: none;}
#thumbs ul{display:none;}
#navigation{height: 23px;width:792px;z-index: 1;position: absolute;bottom: 0;}
#navigation ul{width:60px;float:left;margin:0px 0px 0px 621px;display: inline;}
#navigation ul li{width:13px; height:13px;float: left; background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat -22px -678px; margin-right:5px; margin-top:9px;}
#navigation ul li a:hover,#navigation ul li a:focus{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat -9px -678px;}
#navigation ul li a.highlight:hover, #navigation ul li a.highlight:focus {background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat -11px -678px;}
#navigation ul li a.highlight:link, #navigation ul li a.highlight:visited {background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 4px -678px;}
#navigation ul li a:link, #navigation ul li a:visited {display: block;float: left;width: 13px;height: 13px;text-indent: -9999em;overflow: hidden;}
a.play, a.play:link, a.play:visited {display: block;width:29px;height: 29px;background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -753px;text-indent: -9999em;overflow: hidden;text-indent: -9999em;}
a.pause, a.pause:link, a.pause:visited {display: block;width:29px;height: 29px;background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -940px;text-indent: -9999em;overflow: hidden;text-indent: -9999em;}
a.play:hover, a.play:active{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -783px;}
a.pause:hover, a.pause:active{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -971px;}		
#navigation a.play:hover, #navigation a.play:focus {background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0 -783px;}
#navigation a.pause:hover, #navigation a.pause:focus {background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0 -971px;}

#prev{width:29px; height:29px; float:right;text-indent: -9999em; overflow:hidden; cursor:pointer;background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -693px; margin-right:4px;}
a#prev:hover{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -723px;}
#link_next{width:29px; height:29px; float:right;text-indent: -9999em; overflow:hidden; cursor:pointer;background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -813px; margin-left:4px;}
a#link_next:hover{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -843px;}
.play{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -753px;width:29px; height:29px; float:right;text-indent: -9999em; overflow:hidden; cursor:pointer;}
.pause{background:url(http://www.yesky.com/TLimages2009/yesky/images/win8/icons.gif) no-repeat 0px -940px;width:29px; height:29px; float:right;text-indent: -9999em; overflow:hidden; cursor:pointer;}
#navigation a span{font-size: 6px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px;}
#description {padding: 1px 0 0 0;}
p#small-caption {font-size: 10px;color: #333;line-height: 11px;padding: 0 0 0 4px;background-image: -moz-linear-gradient(top, #d3d3d3, #f4f4f4); /* FF3.6 */background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f4f4f4),color-stop(1, #d3d3d3)); /* Saf4+, Chrome */filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d3d3d3'); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d3d3d3')"; /* IE8+ */zoom: 1;}
#title a:link,#title a:visited{font-size: 19px;color: #c00;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-weight: bold;line-height: 34px;}
#title a:hover,#title a:focus{text-decoration: underline;}
#long-desc{font-size: 10px;}
