/* Index page layout  */
#leftrow {float:left; width:1020px;text-align:left;}
#rightrow {float:right; width:160px; text-align:left;}
.posinline {vertical-align:middle; margin-top:-2px; margin-bottom:1px; margin-right:2px; width:13px;} /*解决多选框与文字上下不对齐的问题和多选框左间距问题 */

/* Right Cloume Hot Item */
.hot_list {width:158px;margin:10px 0 0 0; border:1px solid #CFDAE4; }
.hot_title {padding:1px 0 0 5px; line-height:24px;border-bottom:1px solid #CFDAE4; background:#F5FAFA; font-weight:bold; color:#333;}
.hot_title h2 {font-size:14px;}
.hot_bra {clear:both; text-align:center; width:100%; margin:0 auto 5px; overflow:hidden }
.hot_bra li {float:left; height:24px; width:74px; text-align:center; margin:5px 0 0 3px; overflow:hidden}
.hot_bra li a{display:inline-block;margin:0px 0 4px 0px; background:url(../../images/bg/panel_logo_22.gif) 0 0px no-repeat;line-height:22x; overflow:hidden; width:66px; height:22px; border:1px solid #C1DAD7; background-color:#F5FAFA}
.hot_bra li a.lgd {background-position:0 -0px;}
.hot_bra li a.sdc {background-position:0 -50px;}
.hot_bra li a.auo {background-position:0 -100px;}
.hot_bra li a.inx {background-position:0 -150px;}
.hot_bra li a.sp {background-position:0 -200px;}
.hot_bra li a.cpt {background-position:0 -250px;}
.hot_bra li a.hsd {background-position:0 -300px;}
.hot_bra li a.boe {background-position:0 -350px;}
.hot_bra li a.csot {background-position:0 -400px;}
.hot_bra li a.ivo {background-position:0 -450px;}
.hot_bra li a.koe {background-position:0 -500px;}
.hot_bra li a.mi {background-position:0 -550px;}
.hot_bra li a.nlt {background-position:0 -600px;}
.hot_bra li a.tm {background-position:0 -650px;}
.hot_bra li a.eink {background-position:0 -700px;}
.hot_bra li a.jdi {background-position:0 -750px;}



.hot_siz {clear:both; margin:5px 5px 0 5px; overflow:hidden;}
.hot_siz li {height:22px; width:37px; float:left;}
.hot_app {clear:both; margin:5px 5px 0 5px;}
.hot_app li {float:left; height:22px; width:72px;}
.hot_tag {clear:both; margin:5px 5px 0 5px; overflow:hidden;}
.hot_tag li {height:22px;}
.hot_fake {clear:both; margin:5px 5px 0 5px; overflow:hidden;}
.hot_fake p{clear:both; margin:10px auto; overflow:hidden; color:#690503;}
.hotinv_o {background-color:#ffffdd;}
.bigorder {clear:both; margin:5px 5px 0 5px; overflow:hidden;}

.con_list {clear:both; margin-top:10px;}
.list_op  {border:1px solid #e0e7ed; clear:both; overflow:hidden; background:#f4f9ff url(../../images/bg/bg_new.gif) 0 -1093px repeat-x; margin-top:5px;}
.list_op_1 {clear:both; padding:0 5px; height:30px;}
.list_op_2 {clear:both; padding:0 5px; height:29px;}
.pagenum {padding:2px 6px 0}
.pagenum select {height:22px;}
.btn_sel {padding:8px 6px 0 0}
.num {padding:5px 6px 0 0}
.list_op .btn,.list_op .btn4,.list_op .btn6,.list_op .btn2o {float:left; margin:2px 6px 2px 0 }
.con_list select {margin:1px 0 0 15px}
.search_result {margin-top:15px; margin-left:10px; margin-bottom:20px; font-size:14px;}
.warning {height:80px; text-align:left; font-size:14px;}

/* Customize Panel List in Panel Models Selection Page */
.customize {padding:5px 6px 4px 0; color:#939394; text-align:right;} 
.customize a {border:1px #ccc solid; padding:3px 7px 3px 18px; margin:0 2px; color:#444; text-decoration:none; background:#fbfcfe;}
.customize a:hover {border:1px #f60 solid; color:#f60; background:#FFECDF; text-decoration:none} 
.customize a:active {border:1px #f60 solid; color:#ff5a00; } 
.customize .setbtn {background:#fff url(../../images/icon/setbtn.gif) 3px 4px no-repeat;}
.customize .setbtn:hover {background:#feeee5 url(../../images/icon/setbtn.gif) 3px 4px no-repeat;}
.customize .resetbtn {background:#fff url(../../images/icon/resetbtn.gif) 3px 4px no-repeat;}
.customize .resetbtn:hover {background:#feeee5 url(../../images/icon/resetbtn.gif) 3px 4px no-repeat;}

.usersetup {margin:0; padding:0; clear:both; float:left; width:1018px; }
.box_setup {float:left; overflow:hidden; margin:0px auto; padding:0 7px; text-align:left; line-height:24px; width:900px; margin-bottom:5px; margin-top:5px;}
.box_setup label:hover {background-color:#e1e1e1;}
.box_setup li {width:110px; margin-right:2px; float:left; overflow:hidden; height:24px; line-height:24px;}
.setuped_btn {float:left; overflow:hidden; margin:0px auto; padding:0px 7px 0; text-align:left; line-height:40px; margin-bottom:5px; margin-top:5px;}
.setuped_btn li {width:88px; margin-right:2px; overflow:hidden;}

.list_style {padding:5px 6px 4px 0; text-align:right} 
.list_style a {border:1px #ccc solid; padding:3px 10px 3px 25px; margin:0 2px; color:#0165da; text-decoration:none; background:#fff;}
.list_style a:visited {border:1px #ccc solid; color:#0165da; } 
.list_style a:hover {border:1px #f60 solid; color:#f60; background:#FFECDF; text-decoration:none} 
.list_style a:active {border:1px #f60 solid; color:#ff5a00; } 
.list_style a.photo {background:#fff url(../../images/userpic/list_style.gif) 6px -36px no-repeat; color:#999;}
.list_style a.photo_cur {background:#fff url(../../images/userpic/list_style.gif) 6px 4px no-repeat; color:#F60;}
.list_style a.photo:hover {background:#feeee5 url(../../images/userpic/list_style.gif) 6px 4px no-repeat; color:#F60;}
.list_style a.table {background:#fff url(../../images/userpic/list_style.gif) 6px -56px no-repeat; color:#999;}
.list_style a.table_cur {background:#fff url(../../images/userpic/list_style.gif) 6px -16px no-repeat; color:#F60;}
.list_style a.table:hover {background:#feeee5 url(../../images/userpic/list_style.gif) 6px -16px no-repeat; color:#F60;}

/* Page List Navigition */
.page {padding:5px 6px 4px 0; color:#939394; text-align:right;} 
.page a {border:1px #ccc solid; padding:3px 8px; margin:0 2px; color:#444; text-decoration:none; background:#fff;}
.page a:visited {border:1px #ccc solid; color:#444; } 
.page a:hover {border:1px #f60 solid; color:#f60; background:#FFECDF; text-decoration:none} 
.page a:active {border:1px #f60 solid; color:#ff5a00; } 
.page span {padding:2px 7px; margin:0px 2px; border:1px #f0f0f0 solid;  background:#fff;}
.page span.current {padding:3px 7px; margin:0 2px;border:1px #ff4a01 solid; color:#fff; background:#f60;} 
.page span.disabled {display:none } 
.page .pre {background:#fff url(../../images/userpic/page_sele.gif) 7px -5px no-repeat;}
.page .next {background:#fff url(../../images/userpic/page_sele.gif) -41px -5px no-repeat;}
.page a.pre:hover {background:#feeee5 url(../../images/userpic/page_sele.gif) 7px -5px no-repeat;}
.page a.next:hover {background:#feeee5 url(../../images/userpic/page_sele.gif) -41px -5px no-repeat;}

.se_wrap {width:1018px; margin:10px 0 0 0; border:1px solid #CFDAE4; text-align:center;}
.se_wrap h1 {font-size:16px; font-family:Arial,sans-serif; font-weight:bold; text-align:left; padding:5px 7px; background-color:#dfebf6; color:#072758;}
.se_wrap h1 span {float:right; font-size:14px; font-weight:bold;}
.search_tit {clear:both;padding:1px 0 0 8px; line-height:23px; background:#e7f1f9 url(../../images/bg/box_head_bg.gif) 0 -100px repeat-x; font-weight:bold; text-align:left; color:#3d6e93;}
.search_tit h2 {font-size:14px;}
/*.se_wrap_w select, .se_wrap select {color:#ff6700;}*/

/* 1 col */
.box_mod {width:96%; margin:0 auto; overflow:hidden;padding:8px 0;}
.box_mod li {float:left;width:250px; text-align:left; margin-right:2px; height:30px;line-height:220%}
/* 2 col */
.se_wrap_l {width:509px; float:left; margin-right:0px;}
.se_wrap_r {width:508px; float:left;  border-left:1px dashed #C1DAD7;}
.box_app, .box_siz, .box_bra, .box_general {overflow:hidden; margin:0px auto 0 0px; text-align:left; line-height:24px;}
.box_app li {width:145px; margin-right:2px; float:left; overflow:hidden; height:24px; line-height:24px;}
.box_siz li {width:78px; margin-right:2px; float:left; overflow:hidden; height:24px; line-height:24px;}
.box_bra li {width:108px; margin-right:2px; float:left; overflow:hidden; height:24px; line-height:24px;}
.box_gen li {margin-right:25px; float:left; overflow:hidden; height:24px; line-height:24px;}

.box_app .sumfig, .box_siz .sumfig, .box_bra .sumfig {font-size:12px; color:#888; font-weight:normal;}
.box_app .figure, .box_siz .figure, .box_bra .figure {font-size:12px; font-weight:bold; color:#F60;}

.se_wrap_w {width:1188px; margin:10px 0 0 0; border:1px solid #C1DAD7; text-align:center;}
.se_wrap_w1,.se_wrap_w2,.se_wrap_w3 {float:left; padding:0 0 5px 0}
.se_wrap_w1,.se_wrap_w2 {width:338px; border-right:1px dashed #C1DAD7;}
.se_wrap_w3 {width:339px;}


.fil {clear:both;width:1006px; overflow:hidden; margin:10px auto 15px; padding:5px; border:1px solid #CFDAE4;}
.fil_name {float:left; width:100px; padding:4px 0 0 5px; height:24px; color:#808080; text-align:right}
.fil_list  {float:left; width:890px; padding:4px 0 0 7px; height:24px;text-align:left;}
.fil_list li{width:80px; padding-right:24px; display:inline;}
.fil_list li a {color:#444;}
.fil_list li a:hover {text-decoration:none; color:#F60;}
.slid_list li {padding-right:5px;}

.enhan {clear:both; margin:2px auto; line-height:180%}
.enhan dl {clear:both; overflow:hidden; padding-left:6px; margin:4px 0;}
.enhan dt {float:left; width:5px;  text-align:right;}
.enhan dd {float:left; margin-left:3px;}


/* Search in Panel Models */
.result {clear:both; border-top:1px dashed #C1DAD7; height:25px;line-height:180%; overflow:hidden; padding:6px 8px 2px 8px}
.result li {float:left; margin-right:4px;}
.result li.right {float:right; margin-left:4px;}

.fil_gray {clear:both; width:1018px; overflow:hidden;margin:10px 0 0; border:1px solid #CFDAE4; }
.fil_gray_list {float:right; width:910px; text-align:left; padding-top:3px; background-color:#FFFFFF; }
.fil_gray_name {clear:both; float:left; width:100px; text-align:right; padding:6px 0 0 0; height:20px; color:#444;}
.fil_gray_list li {float:left; width:113px; height:18px; padding:3px 0 3px 8px;}
.fil_orange {clear:both; width:1020px; overflow:hidden;margin:10px 0 0; background-color:#FDFAF2;}
.fil_orange_note {float:left; padding:0px 10px; line-height:20px; color:#666}

/* Selection Table */
ul.acc_list {clear:both; overflow:hidden; text-align:left; width:96%; margin:10px auto 0; line-height:180%}
ul.acc_list li {float:left; width:370px; }

.remind {clear:both; margin:20px 0 10px 0; padding:5px; text-align:left; border:1px solid #E15A00; }
.remind p {font-size:14px; margin-bottom:10px;}
.remind a {color:#E15A00; font-size:14px;}
.remind a:hover {color:#07519a;}

/* Accessory Catalogue Table  */
.Catwrap {clear:both; overflow: hidden; border:1px solid #C1DAD7; margin-top:10px; width:788px; text-align:left;}
.CatTable {float:left;padding:0 0 10px 0; width:195px;}
.CatColumn {margin:0 20px 0 10px;}
.CatColumn li {margin:10px 0 0; padding-top:2px;}
.CatClassOne {font-weight:bold;color:#444;}
.CatClassTwo {margin:0px 0 0 0;}
.CatClassTwo li {height:20px; margin:0; list-style-type:none; vertical-align:middle;}


/* Panel Filter Area  */
.ea_atts dl {margin-top:5px; margin-bottom:5px;}
.ea_atts dl dt {float:left; width:80px; padding-left:5px; color:#808080; line-height:24px; text-align:right; padding-right:5px; overflow:hidden;}
.ea_atts dl dd {float:left; width:925px; position:relative; overflow:hidden;}
.ea_atts dl dd ul li span {font-size:12px; color:#888; font-weight:normal;}
.ea_atts dl dd a {color:#444;}
.ea_atts dl dd a:hover {text-decoration:none; color:#F60;}
.ea_atts dl dd .eamore {position:absolute; top:0px; right:0px; line-height:24px; height:24px; background:url(../../images/bg/eamore_bg.gif) no-repeat right 0px; padding-right:12px; display:none}
.ea_atts dl dd .moreup {background-position:right -24px;}

.ea_atts_more {border-top:dashed #c1dad7 1px; margin-top:8px; padding:5px 0 5px 0}
.ea_atts_more .tit {float:left; width:75px; padding-left:10px; color:#808080; line-height:20px; text-align:right; padding-right:5px;}
.ea_atts_more .ea_dls {float:left; width:925px;}
.ea_atts_more .ea_dls dl {float:left; position:relative; margin-right:25px;}
.ea_atts_more .ea_dls dl dt {line-height:20px; height:20px; background:url(../../images/bg/eamore_bg.gif) no-repeat right 0px; padding-right:12px;}
.ea_atts_more .ea_dls dl dt strong {color:#ff6600; font-weight:normal}
.ea_atts_more .ea_dls dl dd {position:absolute; top:20px; left:0px; width:220px; background:#FFF; border:solid #cfdae4 1px; padding:10px 0 10px 5px; display:none; z-index:1000;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.ea_atts_more .ea_dls dl dd a {display:block; float:left; line-height:24px; width:100px; padding-left:10px; color:#444; text-align:left}
.ea_atts_more .ea_dls dl dd a:hover {text-decoration:none; color:#F60; background-color:}
.ea_atts_more .ea_dls dl.cur dt {background-position:right -24px; color:#f60;}
.ea_atts_more .ea_dls .advurl {clear:both; float:left; line-height:20px; height:20px;}

.ea_tabs { background:#dfebf7}
.ea_tabs ul li { float:left; line-height:34px; height:34px; overflow:hidden; font-size:14px; font-weight:bold; border-right:solid #cfdce5 1px;}
.ea_tabs ul li h1 {font-size:18px; margin:0; padding:0 20px;}
.ea_tabs ul li a { display:block; float:left; padding:0 15px 0 15px;} 
.ea_tabs ul li.cur { background:#FFF;}

.panel_photo_list dl {float:left; width:244px; border:solid #e8e8e8 1px; margin:12px 12px 0 0;}
.panel_photo_list dl .photo img {width:244px; height:184px;}
.panel_photo_list dl .thumb {padding:10px 0 10px 5px; height:38px;}
.panel_photo_list dl .thumb a {float:left;}
.panel_photo_list dl .thumb a img {width:48px; height:36px; margin:0 4px 0 4px; border:solid #FFF 1px;}
.panel_photo_list dl .thumb a:hover img {border:solid #fa4501 1px;}
.panel_photo_list dl .thumb a.cur img {border:solid #fa4501 1px;}
.panel_photo_list dl .attr {padding:0 10px 0 10px; line-height:18px; height:36px; overflow:hidden}
.panel_photo_list dl .attr a {color:#444;}
.panel_photo_list dl .attr a:hover {text-decoration:none; color:#F60;}
.panel_photo_list dl .name {height:36px; line-height:36px; font-weight:bold; padding:0 10px 0 10px;}
.panel_photo_list dl .name a {color:#333;}
.panel_photo_list dl .name a:hover {text-decoration:none; color:#F60;}
.panel_photo_list dl dt {height:36px; line-height:36px; border-top:solid #e8e8e8 1px; background:#f7f7f7; padding:0 10px 0 10px;}
.panel_photo_list dl dt a {color:#666;}

.product_list { padding:14px 0 0 0}
.product_list .item { float:left; width:25%;}
.product_list dl { float:left; width:244px; margin-right:12px; margin-bottom:12px; border:solid #e8e8e8 1px;}
.product_list dl dt { position:relative; background-color:f7f7f7;}
.product_list dl dt img { width:244px; height:184px;}
.product_list dl dd { padding:6px; line-height:18px; overflow:hidden;}
.product_list dl dd.attr { height:32px;}
.product_list dl dd.attr a {color:#444;}
.product_list dl dd.attr a:hover {color:#F60;}
.product_list dl dd.model {height:18px;}
.product_list dl dd.model a {font-weight:bold; color:#333;}
.product_list dl dd.model a:hover {text-decoration:none; color:#F60;}
.product_list dl dd.nums { background:#f6f6f6; border-top:solid #e8e8e8 1px; height:36px; line-height:36px; padding:0 7px 0 7px; color:#696969;}
.product_list dl dd.nums strong { color:#F60;}
.product_list dl dd.nums span { float:right;}
.product_list dl dd.sup {background-color:#FFF;}