
html, body{margin:0px; padding:0px; color:#000000;}
body{background-color:transparent;}
.clear{clear:both;}
#preload{width:500px; height:314px; background:url('images/preload.gif') center center no-repeat; position:absolute;}
#container, #container a, #container div, #container td{font-family:Trebuchet MS;}
.container{width:500px; height:314px; position:relative;}
.container img{border:none;}
.area_cap{position:absolute; width:20px; z-index:100; background:none left top no-repeat;}
#hints div{font-family:Trebuchet MS;}

.area{}
.bg_container{position:absolute; z-index:8; padding: 16px 0px 0px 5px; width:490px; height:304px;}
.bg{background:  url('images/bg.png') no-repeat top; width:490px; height:300px;}

.main-table{position:absolute; z-index:9; width:500px; height:314px;}
.main-table td{padding:0px; font-size:1px; line-height:1px;}
.main-table td.lt{background:url('images/lt.png') left top no-repeat; width:7px; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lt.png', sizingMethod='scale'); *background:none;}
.main-table td.ct{background:url('images/ct.png') left top repeat-x; height:10px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ct.png', sizingMethod='scale'); *background:278A78;}
.main-table td.rt{background:url('images/rt.png') right top no-repeat; width:10px; height:10px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rt.png', sizingMethod='scale'); *background:none;}

.main-table td.lc{background:url('images/lc.png') left top repeat-y; width:10px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lc.png', sizingMethod='scale'); *background:none;}
.main-table td.cc{width:480px; height:288px;}
.main-table td.rc{background:url('images/rc.png') right top repeat-y; width:10px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rc.png', sizingMethod='scale'); *background:none;}

.main-table td.lb{background:url('images/lb.png') left bottom no-repeat; width:10px; height:16px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lb.png', sizingMethod='scale'); *background:none;}
.main-table td.cb{background:url('images/cb.png') left bottom repeat-x; height:16px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cb.png', sizingMethod='scale'); *background:none;}
.main-table td.rb{background:url('images/rb.png') right bottom no-repeat; width:10px; height:16px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rb.png', sizingMethod='scale'); *background:none;}

.goods_view_area{position:absolute; z-index:10; width:500px; height:227px; margin-top:38px;}
.goods_view_block{padding:0px 17px;}
.goods_view{width:466px; height:227px; overflow:hidden; position:relative;}

.goods_container{position:absolute; height:227px; width:3495px;}
.good{float:left; width:233; height:227px;}
.good .image{margin-bottom:12px; height:191px;}
.good .title{text-align:center;}
.good .title a{font-size:13px; text-decoration:none; color:#24F0C9;}
.good .title a:hover{font-size:13px; text-decoration:none; color:#FFFF00;}


.progress{width:466px; height:32px; margin:0px 17px; position:absolute; top:266px; z-index:10;}
.progress-area{float:left; width:390px; height:32px; background:url('images/progress_bg.png') left top repeat-x; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/progress_bg.png', sizingMethod='scale'); *background:none;}

.arr-left-area{float:left;}
.arr-left-area .arr-left{width:38px; height:32px; background:url('images/arr-left.png') left top no-repeat; cursor:pointer; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arr-left.png', sizingMethod='scale'); *background:none;}
.hover .arr-left{background:url('images/arr-left-active.png') left top no-repeat; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arr-left-active.png', sizingMethod='scale'); *background:none;}
.arr-right-area{float:left;}
.arr-right-area .arr-right{width:38px; height:32px; background:url('images/arr-right.png') left top no-repeat; cursor:pointer; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arr-right.png', sizingMethod='scale'); *background:none;}
.hover .arr-right{background:url('images/arr-right-active.png') left top no-repeat; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arr-right-active.png', sizingMethod='scale'); *background:none;}

.progress-spin-area{position:absolute; z-index:9; height:22px; width:414px; margin:5px 26px;}
#progress_spin{position:absolute; z-index:9; visibility:hidden; width:414px;}
#progress_spin .left-area{float:left; background:url('images/progress-left.png') left top no-repeat; width:15px; height:23px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/progress-left.png', sizingMethod='scale'); *background:none;}
#progress_spin .center{float:left; background:url('images/progress-center.png') left top repeat-x; height:23px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/progress-center.png', sizingMethod='scale'); *background:none;}
#progress_spin .right-area{float:left; background:url('images/progress-right.png') left top no-repeat; width:15px; height:23px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/progress-right.png', sizingMethod='scale'); *background:none;}

.cats-area{position:absolute; z-index:11; height:32px; width:414px; margin:0px 26px; cursor:pointer;}
.cat_area{float:left; font-size:13px; color:#FFFFFF; line-height:32px; text-align:center; width:103px; opacity:0.9; filter:alpha(Opacity=90);}

.good_hint{position:absolute; z-index:11; height:75px; visibility:hidden; top:160px;}
.good_hint .arr{position:absolute; width:18px; height:10px; z-index:11; }
.good_hint .title{font-size:14px; font-weight:bold; color:#777777; line-height:14px; margin-bottom:5px;}
.good_hint .slogan{font-size:11px; line-height:11px;}
.good_hint .hint_data{height:56px; overflow:hidden;}
.good_hint .hint-table{margin-top:6px; height:69px; width:209px; overflow:hidden;position:relative;}
.hint-table td{padding:0px; font-size:1px; line-height:1px;}
.hint-table td.lt{background:url('images/hlt.png') left top no-repeat; width:7px; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hlt.png', sizingMethod='scale'); *background:none;}
.hint-table td.ct{background:url('images/hct.png') left top repeat-x; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hct.png', sizingMethod='scale'); *background:none;}
.hint-table td.rt{background:url('images/hrt.png') right top no-repeat; width:7px; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hrt.png', sizingMethod='scale'); *background:none;}

.hint-table td.lc{background:url('images/hlc.png') left top no-repeat; width:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hlc.png', sizingMethod='scale'); *background:none;}
.hint-table td.cc{background:#d3d3d3 url('images/hcc.jpg') left top repeat-x; padding:2px 9px 0px;}
.hint-table td.rc{background:url('images/hrc.png') right top no-repeat; width:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hrc.png', sizingMethod='scale'); *background:none;}

.hint-table td.lb{background:url('images/hlb.png') left bottom no-repeat; width:7px; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hlb.png', sizingMethod='scale'); *background:none;}
.hint-table td.cb{background:url('images/hcb.png') left bottom repeat-x; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hcb.png', sizingMethod='scale'); *background:none;}
.hint-table td.rb{background:url('images/hrb.png') right bottom no-repeat; width:7px; height:7px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hrb.png', sizingMethod='scale'); *background:none;}