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

* { margin: 0; padding: 0;}
body { font-family: tahoma; font-size: 12px; line-height: 18px; background: url(../di/topten/2012/hot2012-theme.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, .flexslider:after { content: ' '; display: block; clear: both; }
#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: 93px; text-indent: -9999px; background: url(../di/topten/2012/hot2012-header1.png) no-repeat;}
.header h1 a { position: relative; display: block; text-indent: -9999px; width: 86px; 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: -30px -7px;}
.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/topten/2012/hot2012-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/topten/2012/hot2012-slogan.png");}
.highlight { margin: 0 0 27px 0; position:relative; }
.flexslider { height: 330px; }
[class*="flex-control-paging"] { position:absolute; bottom:-2px; right:0; }
[class*="flex-control-paging"]>li { float:left; }
[class*="flex-control-paging"]>li>a { margin: 0 0 0 1px; color: #111;  background: url(../di/topten/2012/pager.png); text-indent:-9999px; display:block; height:27px; width:27px; cursor:pointer; }
[class*="flex-control-paging"]>li>a:hover { color: #fff !important; }
[class*="flex-control-paging"]>li:first-child>a[class="flex-active"] { background-position: 0 -28px;  }
[class*="flex-control-paging"]>li:first-child>a:hover { background-position: 0 -56px; }
[class*="flex-control-paging"]>li:first-child+li>a { background-position: -28px 0; }
[class*="flex-control-paging"]>li:first-child+li>a[class="flex-active"] { background-position: -28px -28px; }
[class*="flex-control-paging"]>li:first-child+li>a:hover { background-position: -28px -56px; }
[class*="flex-control-paging"]>li:first-child+li+li>a { background-position: -56px 0; }
[class*="flex-control-paging"]>li:first-child+li+li>a[class="flex-active"] {  background-position: -56px -28px; }
[class*="flex-control-paging"]>li:first-child+li+li>a:hover { background-position: -56px -56px; }
[class*="flex-control-paging"]>li:first-child+li+li+li>a { background-position: -84px 0; }
[class*="flex-control-paging"]>li:first-child+li+li+li>a[class="flex-active"] { background-position: -84px -28px; }
[class*="flex-control-paging"]>li:first-child+li+li+li>a:hover { background-position: -84px -56px; }
.flex-prev { position: absolute; left: 0; top: 122px; display: block; width: 44px; height: 44px; text-indent: -9999px; background: url(../di/topten/2012/hot2012-object.png) -226px 0 no-repeat; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=70); }
.flex-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/topten/2012/hot2012-object.png) -226px -107px no-repeat; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=70);  _overflow: hidden; }
.flex-prev:hover { background-position: -226px -161px;}
.flex-next:hover { background-position: -226px -53px;}
.slides { height: 300px; overflow:hidden; }
.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/topten/2012/hot2012-object.png); }
a:hover .more { color:#25aae1;}
.more-hover .more {background: url(../di/topten/2012/hot2012-object.png) 0 -335px no-repeat;}
.share-arti { position: absolute; right: 0; top: 35px; }
.share-arti>* { vertical-align: top; }
.share-arti>*+* { margin-left: 0!important; }
.fbbox { height: 245px; padding: 10px 0 0 10px; background: #fff;}
.fbbox h4 { height: 50px; background: url(../di/topten/2012/hot2012-object.png) no-repeat 0 -719px; text-indent: -9999px;}