/*container*/
.main-title{ font:bold 16px/32px Verdana, Geneva, sans-serif; background:url(/style/images/title-bg-l.jpg) no-repeat; padding-left:20px; color:#FFF; clear:both;}
.main-title a{ color:#FFF;}
#banner{ height:350px; }
#product { height:307px; }
#leftside { float:left; width:180px; margin-left:10px; height: 600px; background-color: #CCCCCC; }
#main { float:right; width:728px; margin-top:10px; }
.main-product h2 { font:bold 18px/39px Verdana, Geneva, sans-serif; }
.main-product { width:726px; height:auto; clear:both; overflow: hidden; border-left:#b7d7f4 solid 1px; border-right:#b7d7f4 solid 1px; border-bottom:#1168a5 dashed 1px;}
.main-product .text { padding-top:12px; float:right; width:520px; }
.main-product .down, .main-product .buy { background:url(/style/images/buy-down.jpg) no-repeat 0 -62px; display:block; float:left; width:137px; height:31px; margin:5px 7px 0; text-indent:-9999px; overflow:hidden;}
.main-product .buy {background:url(/style/images/buy-down.jpg) no-repeat;}
.buy:hover {background:url(/style/images/buy-down.jpg) no-repeat 0 -31px;}
.down:hover {background:url(/style/images/buy-down.jpg) no-repeat 0 -93px;}
#main p a {color:#00F; text-decoration:underline; }
#other { background-color:#deefff; width:726px; height:269px; border-left:#b7d7f4 solid 1px; border-right:#b7d7f4 solid 1px;}
#other dl { width:240px; margin:15px 0 5px; float: left; display:inline; border-right:#9fb4cd solid 1px;}
#other dt { font:bold 16px/33px Verdana, Geneva, sans-serif; margin-left:10px; }
#other dd {margin-top:5px; overflow:hidden; }
#other dd p{ padding:0 5px 0 85px;}
#other .icon1 { background:url(/images/system/icon1.jpg) no-repeat 0 center; height:165px; }
#other .icon2 { background:url(/images/system/icon2.jpg) no-repeat 0 center; height:165px; }
#other .icon3 { background:url(/images/system/icon3.jpg) no-repeat 0 center; height:165px; }
#other .buyicon, #other .downicon { color:#8c0303; font-size:13px; margin-top:30px; margin-left:15px; text-decoration:underline;}
#other .downicon { color:#55910b; margin-top:10px; margin-left:25px;}
#product-recom { width:681px; margin-bottom: 10px; }
#corner { width:728px; background:url(/style/images/corn-top.gif) no-repeat center top; padding-top:9px; margin-bottom: 10px; }
.mainbox { overflow:hidden; height:auto; border-left:#b7d7f4 solid 1px; border-right:#b7d7f4 solid 1px; padding-bottom:15px; zoom:1;}
.corner-b { background:url(/style/images/corn-bottom.gif) no-repeat 0 bottom; height:7px; width:681px; clear: both; }
#main .pic { float:left; padding:10px; text-align:center; width:150px;}
#main .price { text-align:center; font-size:14px; color:#666; font-weight:bold; }
#main ul { margin:10px; }
#main li{ background:url(/style/images/li.gif) no-repeat 0 7px; margin-bottom:5px; padding-left: 15px; padding-right:10px }
#main li a { float:left; clear:both;}
#main li span { color:#999; float:right; }
#main .one{ margin-top:10px;} 
#main .one li{ width:665px; float:left;}
#main .two li{ width:320px; float: left; }
#main .three li{ width:210px; float: left; }
#formats td, #formats th, #formats tr { border-collapse:collapse; border:1px solid #CCC; }

.h_banner { position:relative; height:350px; width:998px; }
.h_banner .imgs li { position:absolute; }
.h_banner .num { position:absolute; bottom:11px; right:17px; z-index:10; }
.h_banner .num li {color:#000;float:left;margin:3px;padding:0 4px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;}
.h_banner .num li.curr {background:#FFFFFF;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#03243a;font-weight:bold;}


.thanksgiving { background:url(/images/system/thanksgiving.png) no-repeat; width:998px; height:347px; position:relative; margin:0; padding:0; }
.thanksgiving a { display:inline-block; position:absolute; width:245px; height:21px; }
.pro1 { background:url(/special/thanksgiving/avchd1.png) no-repeat; left:55px; top:230px; }
.pro2 { background:url(/special/thanksgiving/hd1.png) no-repeat; left:55px; top:255px; }
.pro3 { background:url(/special/thanksgiving/ipad1.png) no-repeat; left:55px; top:280px; }
.pro4 { background:url(/special/thanksgiving/mts1.png) no-repeat; left:737px; top:230px; }
.pro5 { background:url(/special/thanksgiving/ts1.png) no-repeat; left:737px; top:255px; }
.pro6 { background:url(/special/thanksgiving/ipad2-1.png) no-repeat; left:737px; top:280px; }
.pro1:hover { background:url(/special/thanksgiving/avchd2.png) no-repeat; }
.pro2:hover { background:url(/special/thanksgiving/hd2.png) no-repeat; }
.pro3:hover { background:url(/special/thanksgiving/ipad2.png) no-repeat; }
.pro4:hover { background:url(/special/thanksgiving/mts2.png) no-repeat; }
.pro5:hover { background:url(/special/thanksgiving/ts2.png) no-repeat; }
.pro6:hover { background:url(/special/thanksgiving/ipad2-2.png) no-repeat; }

