@charset "utf-8";
/* 
---------------------------------
Site: www.xilisoft.com
Author: Xilisoft.com
Updated: 20100804
Updated by: chenran 
file: productslist.css 
version: 1.0
--------------------------------- 
*/ 
/*****************************************************************************/
/* lists                                            						 */
/*****************************************************************************/
.lists { width: 960px; margin: auto; }
.lists .content { width: 958px; border-left: 1px solid #b9bdc4; border-right: 1px solid #b9bdc4; background: url(http://m2.xilisoft.com/images/common/list_bg.gif) repeat-x top; }
/*lists*/
.lists .right { width: 720px; float: right; padding-right: 5px; }
.lists .right .clear { margin: 20px 0 0 0; position:relative }
.lists .right .clear h1 { color: #283446; font-size: 20px; font-weight: normal; float: left; margin-right: 20px; }
.lists .right .clear .product_list_package_explain{position:absolute; top:5px; left:270px;}
.lists .right .clear .product_list_package_explain a{color:#F30; font-weight:600; text-decoration:underline}
.lists .right .clear .product_list_package_explain a:hover{ text-decoration:none}
.lists .right .clear img { float: left; margin: 7px 0 0 0; }
.lists .right .note { color: #5a5a5a; clear: both; }
.lists .right .pack { font: 14px Verdana, Arial, Helvetica, sans-serif; }
.lists .right .pack a { color: #01a8ec; }
.lists .top { background: url(http://m2.xilisoft.com/images/common/list_line.gif) no-repeat bottom; }
.lists .top img { margin-right: 12px; }
.lists .wrap01 { background: url(http://m3.xilisoft.com/images/common/list_top.gif) no-repeat top; padding-top: 4px; }
.lists .wrap02 { background: url(http://m3.xilisoft.com/images/common/list_bottomline.gif) no-repeat bottom; padding-bottom: 5px; }
.lists .wrap03 { background: url(http://m6.xilisoft.com/images/common/list_left_bg.gif) repeat-y left; }
/*****************************************************************************/
/*pro_menu                                     						 		 */
/*****************************************************************************/
.pro_menu { width: 181px; float: left; }
.pro_menu .second a { background: url(http://m2.xilisoft.com/images/common/menu_dot.gif) no-repeat 38px 11px; padding-left: 45px; width: 136px; }
.pro_menu .second a:hover { background: url(http://m3.xilisoft.com/images/common/menu_hover02.jpg) no-repeat -1px 1px; }
.pro_menu .second li { background: none; line-height: 27px; }
.pro_menu .second li.on a, .pro_menu .second li.on a:hover { background: url(http://m3.xilisoft.com/images/common/menu_on02.jpg) no-repeat center; }
.pro_menu a { color: #2c3442; display: block; background: url(http://m2.xilisoft.com/images/menu_arrow.gif) no-repeat 15px 10px; padding-left: 30px; width: 151px; }
.pro_menu a:hover { text-decoration: none; background: url(http://m2.xilisoft.com/images/common/menu_hover.jpg) no-repeat center; }
.pro_menu li { color: #2c3442; font-size: 13px; line-height: 30px; background: url(http://m2.xilisoft.com/images/menu_arrow.gif) no-repeat 15px 10px; width: 181px; float: left; }
.pro_menu li .second { width: 180px; }
.pro_menu li .second li { font-size: 11px; line-height: 25px; }
.pro_menu li .second li span { padding-left: 45px; line-height: 30px; width: 136px; }
.pro_menu li span { display: block; padding-left: 30px; width: 151px; }
.pro_menu li.line { height: 0; line-height: 0; overflow: hidden; border-top: 1px solid #b9bdc4; border-bottom: 1px solid #fff; margin: 5px 0; width: 181px; }
.pro_menu li.on a, .pro_menu li.on a:hover { background: url(http://m4.xilisoft.com/images/common/menu_on.jpg) no-repeat; }
.pro_menu li.on2 a, .pro_menu li.on2 a:hover { background: url(http://m6.xilisoft.com/images/common/menu_on2.jpg) no-repeat; }
.pro_menu ul { list-style: none; background: #e8e9ed; width: 184px; float: left; }
/*****************************************************************************/
/* product                                            						 */
/*****************************************************************************/
.product { width: 670px; float: left; border-bottom: 1px dashed #e0e0e0; padding: 10px 0 10px 0; }
.product .intro { width: 520px; float: left; }
.product .intro p { color: #6d6d6d; line-height: 20px; text-align: justify; clear: both; }
.product .intro p a { color: #000000; text-decoration: underline; }
.product .intro p a.more { color: #0099ff; text-decoration: none; }
.product .intro p a.more:hover { text-decoration: underline; }
.product .intro p a:hover { color: #0099ff; text-decoration: none; }
.product .links { float: right; padding: 15px 0 0 0px; width: 260px; }
.product .links .buy { padding-left: 20px; margin-right: 20px; background: transparent url("http://m1.xilisoft.com/images/common/button_buy_download.png") no-repeat scroll 0pt -588px; }
.product .links .coming { padding-left: 20px; margin-right: 20px; background: transparent url("http://m1.xilisoft.com/images/common/button_buy_download.png") no-repeat scroll 0pt -588px; }
.product .links .down { padding-left: 20px; background: transparent url("http://m1.xilisoft.com/images/common/button_buy_download.png") no-repeat scroll 0pt -644px; }
.product .links a { float: left; color: #000; font-size: 12px; line-height: 18px; }
.product .links div.down { float: left; width: 140px; font-size: 12px; color: #000; line-height: 18px; background: left 2px; }
.product .links div.down { padding-left: 20px; background: transparent url("http://m1.xilisoft.com/images/common/button_buy_download.png") no-repeat scroll 0pt -644px; }
.product .links div.down a { color: #2f6ea4; font-size: 11px; float: none; display: block; }
.product .pic { width: 150px; float: left; padding-top: 18px; }
.product .price { width: 110px; text-align: center; font-size: 12px; font-weight: bold; line-height: 20px; padding-top: 10px; }
.product .price .old { color: #ff8a00; text-decoration: line-through; }
.product .price span { color: #cc0202; }
.product h2 { padding: 0 0 10px 0; margin: 0px; float: left; clear: both; width: 520px; }
.product h2 a { color: #616b7b; font-size: 12px; padding:0 45px 0 0}
.product h2 a.icon_new { background: url(http://m2.xilisoft.com/images/common/common_new_hot.png) no-repeat right 4px; }
.product h2 a.icon_hot { background: url(http://m2.xilisoft.com/images/common/common_new_hot.png) no-repeat right -96px; }
.product h2 a.icon_update { background: url(http://m2.xilisoft.com/images/common/common_new_hot.png) no-repeat right -196px; }
.lastproduct { border: none; padding: 10px 0 20px 0; }