
/*
*@page: product compare
*@Author: liuweiwei 2014-06-19
*@Update: liuweiwei 2014-06-19
*/
@import url(/css/font.css);
@import url(/css/reset.css);
@import url(/css/btn.css);
@import url(/css/choice.css);
@import url(/css/thumb.css);
@import url(/css/libs/header.css);
@import url(/css/libs/crumb.css);

.compare-page { padding-top:5px; border-top:3px solid #e64545;}
.compare-page p { margin:0;}
.compareBox { margin-top:5px; border:1px solid #ddd; width: 100%}
.compareBox td, .compareBox th { padding:6px; border:1px solid #ddd;  word-break:break-word; vertical-align:top;}
.compareBox th{ padding:7px 8px;  background:#f9f9f9;}
.compareBox .father-header {font-size:14px;}
.compareBox th .icon { position:relative;}
.compareBox-float .compareBox tbody {border-bottom:3px solid #ccc;}
.compareBox .bgcolor td, .compareBox .bgcolor th { background:#fffeee;}
.compareBox .product-des { position:relative; padding:15px 0 10px; text-align:center;}
.compareBox .product-des .closed { position:absolute; cursor:pointer; right:0px; top:5px; display:none; font-size:12px;}
.compareBox .product-des-hover .closed  { display:block;}
.compareBox .product-des .pic { width:100%; height:100px; overflow:hidden; margin:0 auto 10px;}
.compareBox .product-des .name { margin:0 0 5px; height:36px; overflow:hidden; line-height:18px;}
.compareBox .product-des .picicon { margin-bottom:5px;}
.compareBox .product-des .name a { color:#333;}
.compareBox .product-des .talk { margin:8px 0 5px;}
.compareBox .product-des .favorite a { color:#666;}
.compareBox td .gray { color:#999;}
.compareBox td .same { display:inline-block; background:#666; padding:0 10px; color:#fff;}
.compareBox td .same span { color:#fff;}
.compareBox td p.c{ padding-top:5px;}
.compareBox .com-name{margin:0 0 5px; overflow:hidden; line-height:18px; text-align:left;}
.compareBox .product-des .favorite .already { color:#999;}
.compare-page .sendbtn { margin:45px 0; font-size:14px;}
.col1 td{ width:828px;*width:812px}
.col2 td{ width:407px;*width:400px}
.col3 td{ width:267px;*width:262px}
.col4 td{ width:197px;*width:193px}
.col5 td{ width:150px}
.alert{
	background: #FFD9D9;
	color: #222;
	padding: 10px 8px;
	margin: 10px 0;
	border:1px solid #F9ADAD;
}



.compareBox tr{
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.compareBox tr div.slide-height{

}

.new-ar-logo-img-size {
    width: 20px;
    height: 20px;
}