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

/* body 主体样式 */
#tg_bd{ width:990px; margin:auto; padding-top:15px}
.tg_ad{ position:relative;margin-top:0px;}
.tg_ad .ad_close{width:17px; height:17px; display:block;position:absolute; top:6px; right:6px}
#focus_Box {position:relative;width:990px;height:300px;margin:0 auto;}
#focus_Box ul {position:relative;width:990px;height:300px;background:url(/static/img/banner_bg.png) bottom center no-repeat}
#focus_Box li {z-index:0;position:absolute;width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img {width:100%;background:url(/static/img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box .prev,#focus_Box .next {display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:100px;}
#focus_Box .prev {background:url(/static/img/arrow-left.png) left bottom no-repeat;left:20px}
#focus_Box .next {background:url(/static/img/arrow-right.png) right bottom no-repeat;right:20px}
.black_box {width:555px;position:absolute;left:0px;height:208px;top:20px;background-color:#000;z-index:2;opacity:0.75}
.black_box.right_box {left:435px;}
.timeremain {font:20px Verdana;z-index:6;position:absolute;top:203px;background:url(/static/img/time_remain.png) no-repeat center;width:990px;height:65px;}
.countdown {font:20px Verdana;z-index:6;position:absolute;top:203px;background:url(/static/img/countdown.png) no-repeat center;width:990px;height:65px;}
.time_remain{ font:20px Verdana; margin:15px 0; padding-left:200px}
.time_remain .text{ width:206px; height:38px; display:inline-block; color:#333; border:1px solid #333; text-align:center; float:left; line-height:38px;background-color:#fff}
.colockbox{width:292px;height:40px;background:url(images/colockbg.png) no-repeat; float:left}
.colockbox span{float:left;display:block;width:50px;height:40px;line-height:40px;font-size:24px;color:#ffffff;letter-spacing:8px; overflow:hidden; margin-right:20px; padding-left:8px; letter-spacing:14px}
.colockbox span.second{margin:0;}
.colock_box {width:126px;height:40px;padding-top:20px;padding-left:500px;}
.colock_box span {float:left;display:block;width:24px;height:24px;line-height:24px;font-size:12px;color:#fff;overflow:hidden;font-weight:bold;margin-right:8px;text-align:center;background-color:#000;border-radius:3px;}
.colock_box span.second {margin:0px;}
#demo01{width:292px;}
.updatetips{width:170px; height:26px; border:1px solid #c7c7c7; float:right; background-color:#fff; font:11px Verdana; line-height:26px; margin-top:15px; text-align:center}

.offer_sortDiv{ width:100%; border:1px solid #ccc}
.offer_sort{ width:988px;background-color:#fff; font-family:Verdana; padding:10px 0; color:#333; font-size:12px;border-bottom:1px solid #ccc}
.offer_sort ul{ width:888px; float:left; }
/*.offer_sort li{ float:left; width:175px; margin-top:3px; line-height:20px;}
.offer_sort li a{ color:#0b72a4; padding:2px;border-radius:3px;}
.offer_sort li a.current{ color:#fff; background:#ff6600;}
.offer_sort li a.col_orange{color: #ff6600;font-weight: bold;}*/
.offer_sort li{ float:left; margin:5px 0; width:175px}
.offer_sort li a{ color:#0b72a4; padding:2px;border-radius:3px;}
.offer_sort li a.current{ color:#fff; background:#ff6600;}
.offer_sort li a.col_orange{ color: #ff6600;  font-weight: bold;}
.offer_sort li span{ position:absolute; margin-left:2px; margin-top:-2px}

.popularity{ width:988px;padding:10px 0}

.popularity #box{margin-left:15px; line-height:22px; height:24px; border-left:none; border-left:1px solid #ccc}
.popularity #box a{color:#666; padding:0px 10px; display:inline-block; border:1px solid #ccc; border-left:none; float:left}
.popularity #box a:hover{ background-color:#fff; color:#ff6600; text-decoration:none}
.popularity #box a.current{ background-color:#fff; color:#ff6600;}
.popularity #box a i{width:8px; height:10px;background:url(images/icon-trend.png) no-repeat -6px -1px; display:inline-block;position: relative;
left:5px;}
.popularity #box a.asc i{background-position: -24px -1px}
.popularity #box a.desc i{background-position:-15px -1px}
/* left offer */
#tg_content{width:780px; float:left; margin-top:10px; margin-bottom:30px}
#tg_content #pro_content li{ float:left; width:370px; height:354px; border:1px solid #ccc; margin:0px 15px 15px 0; background-color:#fff; position:relative}
#tg_content #img{ width:317px; margin:auto}
#tg_content #img img{ width:307px; height:215px; padding:5px;}
/*#tg_content #img img{ width:360px; height:215px; padding:5px}*/
#tg_content #deal_intro{ width:370px; margin:auto}
#tg_content li p{padding:8px;font:14px Verdana,Tahoma,Arial; height:30px; overflow:hidden; margin-bottom:10px}
#tg_content li p a{ color:#666}
#tg_content li p a:hover{ color:#f60}


.prices{ width:100%; height:43px; background-color:#f26807; overflow:hidden; line-height:43px;font-family:Arial;}
.prices a{ width:122px; height:32px;float:right; margin-top:6px; margin-right:10px; background:url(images/addcart.png) no-repeat;}
.prices .grey{width:122px; height:32px; float:right; margin-top:6px; margin-right:10px;background:url(images/soldout.png) no-repeat;}
.prices span{ float:left; margin-left:10px}
.prices .pri01{ font-size:35px; color:#fff}
.prices .pri01 .font_f16{ font-size:25px;}
.prices .pri02{ font-size:16px; color:#ffc094; text-decoration:line-through}
.prices .pri02.saleAll{ font-size:16px; color:#cfcfcf;}
#tg_content .soldDiv{width:100%; height:32px;}
#tg_content .sold{ background:url(images/user_icon.png) no-repeat 0 50%; padding:0 18px; line-height:32px; color:#6f6f6f; float:right;}
#tg_content .sold span{ color:#f25f00; font-weight:bold}
.prices.saleAll{ background-color:#a6a6a6}

#tg_content #p_off{width:64px; height:26px; line-height:23px; text-align:center; position:absolute; left:-3px; top:14px; background:url(images/PercentageOff.png) no-repeat; color:#fff; font-family:'Microsoft YaHei'; font-size:14px; font-weight:bold; padding-left:5px}


/* pages css */
.pages{color:#999;text-align:center;line-height:35px; font-size:14px; margin:auto}
.pages li{ float:left; margin-left:15px}
.pages a{border:#c1c1c1 1px solid; width:35px; height:35px; display:inline-block; background:url(images/pages_a.jpg) repeat-x; color:#7f7f7f;border-radius:3px; font-weight:bold}
.pages a:hover{border:#eca128 1px solid;color:#fff; background:url(images/pages_ahover.jpg) repeat-x; text-decoration:none}
.pages a:active{border:#eca128 1px solid;color:#fff; background:url(images/pages_ahover.jpg) repeat-x;}
.pages .current{border:#eca128 1px solid;color:#fff; background:url(images/pages_ahover.jpg) repeat-x;}
.pages .text{ width:40px; height:35px; border:1px solid #c1c1c1;-moz-box-shadow:-2px 2px 2px #d8d8d8 inset;-webkit-box-shadow:-2px 2px 2px #d8d8d8 inset;box-shadow:-2px 2px 2px #d8d8d8 inset; text-align:center; color:#7f7f7f;float:right; line-height:35px}
.pages .next a{ background:url(images/pages_icon_next.png) no-repeat -42px -2px; width:37px; height:37px; border:none}
.pages .next a:hover{ background:url(images/pages_icon_next.png) no-repeat -1px -2px}
.pages .prev a{ background:url(images/pages_icon_prev.png) no-repeat -1px -2px; width:37px; height:37px; border:none}
.pages .prev a:hover{ background:url(images/pages_icon_prev.png) no-repeat -42px -2px}
.pages .goto{ margin-left:36px; width:100px}



/* right slider*/
.tg_rslider{width:210px; float:left; margin-top:10px}
.offer_seachbox{ width:198px; border:1px solid #ccc; border-top:none; background-color:#fff; padding:10px 5px; line-height:25px; color:#333; font-family:Verdana}
.offer_seachbox span{ color:#ff6600}
.offer_seachbox #header-subscribe-email{ width:156px; height:25px; border:1px solid #a9a9a9; float:left; color:#a9a9a9; padding-left:2px;-moz-box-shadow:-1px 1px 1px #d8d8d8 inset;
	-webkit-box-shadow:-1px 1px 1px #d8d8d8 inset;box-shadow:-1px 1px 1px #d8d8d8 inset; font-family:Verdana  }
.offer_seachbox .offer_go{ cursor:pointer; float:left}
.tg_rslider .facebook{ width:210px; margin-top:15px}

#infscr-loading{bottom:-10px;left:45%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px;}

/* sysmsg */
.sysmsgw{clear:both;padding:8px 0 10px 37px;color:#000;font-size:14px;}
.sysmsg{position:relative;width:930px;margin:auto;padding-left:30px;height:18px;}
.sysmsg .close{position:absolute;top:0;right:20px;padding-right:16px;background:url(i/bg-sysmsg-close.gif) 100% 50% no-repeat;font-size:12px;cursor:pointer;}
#sysmsg-error{border-bottom:1px solid #d01e5e;background-color:#fffccd;color:#fd0002;}
#sysmsg-success{border-top:2px solid #690;border-bottom:2px solid #690;background:#EDFEDA;color:#690;}
#sysmsg-error .sysmsg{background:url(i/bg-sysmsg-error.gif) no-repeat 8px 5px;}
#sysmsg-success .sysmsg{background:url(i/bg-sysmsg-success.gif) no-repeat 0 0;}
#sysmsg-tip{position:relative;top:-15px;left:8px;width:948px;font-size:14px;}
#sysmsg-tip .sysmsg-tip-top{background:url(i/bg-sysmsg-tip.gif) no-repeat 0 0;height:12px;overflow:hidden;}
#sysmsg-tip .sysmsg-tip-content{background:#FBFBC5;padding:0 30px 0 30px;border-left:1px solid #89B4D7;border-right:1px solid #89B4D7;}
#sysmsg-tip .sysmsg-tip-bottom{background:url(i/bg-sysmsg-tip.gif) no-repeat 0 -13px;height:12px;overflow:hidden;font-size:12px;}
#sysmsg-tip .sysmsg-tip-close{display:none;position:absolute;top:12px;right:20px;padding-right:16px;background:url(i/bg-sysmsg-close.gif) 100% 50% no-repeat;font-size:12px;color:#699701;cursor:pointer;}
#sysmsg-tip .deal-close{position:relative;z-index:1;}
#sysmsg-tip .deal-close .focus{position:absolute;z-index:2;top:-12px;left:-31px;width:163px;height:60px;padding:12px 35px;background:url(i/bg-sysmsg-tip-focus.gif) no-repeat 0 0;font-weight:bold;}
#sysmsg-tip .deal-close .body{height:30px;padding-left:180px;}
#sysmsg-tip .deal-close .subscribe-succ{display:block;padding-top:5px;}
#sysmsg-tip .deal-close td{line-height:1;*line-height:1.2;vertical-align:middle;padding-top:1px;}
#sysmsg-tip .deal-close .f-text{width:216px;color:#333;}
#sysmsg-tip .deal-close .commit{width:70px;height:28px;background:url(i/button-subscribe-b.gif) no-repeat 0 0;text-indent:-999em;border:none;}
.sysmsg-tip-deal-close{margin-bottom:15px;}
#sysmsg-guide{position:relative;z-index:1;zoom:1;top:-10px;left:0;margin:0 0 10px 8px;dpadding-top:25px;width:951px;height:104px;background:url(i/h_banner.jpg) no-repeat 0 0;}/*CA*/
#sysmsg-guide .link{padding-top:0;}
#sysmsg-guide .link a{display:block;width:950px;height:110px;}
#sysmsg-guide .close{display:block;position:absolute;top:2px;*top:1px;_top:2px;right:14px;height:20px;line-height:20px;*padding-top:2px;_padding-top:0;padding-right:20px;background:url(i/bg-newbie-close.gif) no-repeat center right;font-size:12px;color:#666;}
/* end sysmsg */

#tbox{width:54px; float:right; position:fixed; right:10px; bottom:20px;}
#backtop{ width:41px; height:43px;background:url(images/backtop.jpg) no-repeat; right:110px; } 
#backtop:hover{background:url(images/backtop.jpg) no-repeat -42px 0}
.top-position{position:absolute;bottom:210px;}
.footer-position{position:absolute;bottom:50px;}