@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}
body { font-family: tahoma; font-size: 12px; line-height: 18px; background: url(../di/hot2011-theme5.jpg) 50% 0 fixed no-repeat #ebebeb;}
img { border: none; }
.hidden { display: none;}
ul,li { list-style: none;}
a { text-decoration: none; color: #868686; outline: none;}
a:hover { color: #25aae1;}
.content-hot2011:after {content:".";display:block;clear:left;visibility:hidden;height:0;}
#wrapper,.footer-fixed { position: relative; width: 960px; margin: 0 auto;}
.header { height: 129px;}
.header h1 { float: left; width: 89px; margin: 20px 50px 0 17px;}
.header h2 { float: left; width: 491px; margin: 62px 0 0 0;}
.header h3 { float: right; width: 247px; margin: 76px 0 0 0;}
.header h1 img,.header h2 img { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 89px; height: 86px; text-indent: -9999px; background: url(../di/hot2011-header.png) no-repeat;}
.header h1 a { position: relative; display: block; text-indent: -9999px; width: 89px; height: 86px; background-position: -8px -9px;}
.header h2 a { position: relative; display: block; text-indent: -9999px; width: 491px; height: 46px; background-position: -146px -32px; }
.header h1 a img { background-position: -8px -9px;}
.header h2 a img { width: 491px; background-position: -146px -32px; }
.header h3 a { height: 44px; } 
*html .header h1 a, *html .header h2 a { background: none; position: absolute; z-index: 1;}
*html .header h1 a img { background: none; position: absolute; z-index: 2; width: 89px; height: 86px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://fp2.fsanook.com/hot/di/hot2011-logo1.png");}
*html .header h2 a img { background: none; position: absolute; z-index: 2; width: 491px; height: 46px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://fp2.fsanook.com/hot/di/hot2011-slogan.png");}
.highlight { margin: 0 0 27px 0;}
.bx-window { margin-bottom: 5px;}
.bx-pager { text-align: right; }
.pager-link { padding: 0 10px 5px 10px; font-size: 18px; color: #111 !important; }
.bx-pager a { margin: 0 0 0 1px; color: #111; background: #fff; }
.bx-pager a:hover { color: #fff !important; }
.pager-1:hover,.pager-1.pager-active { background: #25aae1 !important; }
.pager-2:hover,.pager-2.pager-active { background: #ff2e8b !important;}
.pager-3:hover,.pager-3.pager-active { background: #ffcc00 !important;}
.pager-4:hover,.pager-4.pager-active { background: #00ab24 !important; }
.bx-prev { position: absolute; left: 0; top: 122px; display: block; width: 44px; height: 44px; text-indent: -9999px; background: url(../di/hot2011-object1.png) -226px 0 no-repeat; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=70); }
.bx-next { position: absolute; right: 0; top: 122px; display: block; width: 44px; height: 44px; text-indent: -9999px; color: #000; font-size: 50px; font-weight: 700; background: url(../di/hot2011-object1.png) -226px -107px no-repeat; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=70);  _overflow: hidden; }
.bx-prev:hover { background-position: -226px -161px;}
.bx-next:hover { background-position: -226px -53px;}
.content-hot2011 a { position: relative; z-index: 1; display: block; float: left; margin: 0 27px 20px 0; width: 220px; height: 335px; background: #fff; cursor: pointer; _margin-bottom: 0;}
.content-hot2011 a.more-hover { background: #f2f2f2;}
.content-hot2011 a.last { margin-right: 0; margin-left: -1px;}
.content-hot2011 img { position: relative; z-index: 10; display: block; margin: 10px auto 13px; padding: 0 0 10px 0; border-bottom: solid 5px #25aae1; }
.content-hot2011 strong { position: relative; z-index: 10; display: block; padding: 0 0 0 10px; margin: 0 0 10px 0; color: #25aae1; font-size: 26px; }
.order { position: relative; z-index: 10; display: block; float: left; margin: 0 10px; _margin-left: 5px; _margin-right: 5px; color: #25aae1; }
.content-hot2011 em { position: relative; z-index: 10; display: inline-block;padding: 0 10px 0 0; font-style: normal;0  }
.more { position: absolute; left: 0; top: 0; z-index: 15; width: 210px; height: 27px; padding: 308px 0 0 10px; color: #000;background: url(../di/hot2011-object1.png); }
.more-hover .more {background: url(../di/hot2011-object1.png) 0 -335px no-repeat;}
.share-arti { position: absolute; right: 0; top: 35px;}
.fbbox { height: 245px; padding: 10px 0 0 10px; background: #fff;}
.fbbox h4 { height: 50px; background: url(../di/hot2011-object1.png) no-repeat 0 -719px; text-indent: -9999px;}