@charset "utf-8";
/* CSS Document */
.topborder{width:960px;margin:0 auto; height:10px; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF;border-top-left-radius:5px;border-top-right-radius:5px;}
#main{width:960px;margin:0 auto; padding:5px 3px;}
.probox{background:url(images/pro_bg.gif) no-repeat; padding:30px 20px 20px 40px; color:#3E4F57;}
.probox1{background:url(images/pro_bg1.png) no-repeat; padding:43px 20px 55px 40px;}
.probox .pick,.probox1 .pick{float:right;width:240px;}
.probox .pick .pic,.probox1 .pick .pic{text-align:center;}
.probox .pick .select_box,.probox1 .pick .select_box {padding:10px 0 5px 20px;}
.probox .pick .select_box li,.probox1 .pick .select_box li {padding:2px 0; height:20px; position:relative; display:block;}
.probox .pick .select_box input,.probox1 .pick .select_box input {vertical-align:middle; margin-bottom:3px; }
.probox .pick .select_box label,.probox1 .pick .select_box label { padding-left:3px; cursor:pointer;}

.probox .pick .tips,.probox1 .pick .tips {position:absolute; right:-130px; top:-5px; width:140px; display:block; z-index:10; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.probox .pick .tips dt,.probox1 .pick .tips dt {display:block; background:url(images/tips_box.png) no-repeat left top; padding:10px 10px 0 20px; color:#666;}
.probox .pick .tips dd,.probox1 .pick .tips dd {display:block; background:url(images/tips_box.png) no-repeat left bottom; height:10px; font-size:0;}

.probox .pick .price,.probox1 .pick .price{color:#9e0b0f;font-size:25px;text-align:center;padding:0 0 10px 0;}
.probox .pick .btn,.probox1 .pick .btn{width:174px;margin:0 auto;}
.pick .price del{ color:#464646; font-size:16px;}
a.add{display:block;background:url(images/btn_add.png) no-repeat;width:174px;height:61px;text-indent:-9999px;}
a.upgrade{display:block;background:url(images/btn_upgrade.png) no-repeat;width:174px;height:61px;text-indent:-9999px;}
.probox .proInfo,.probox1 .proInfo {float:left; width:600px;}
.probox .proInfo .summertext,.probox1 .proInfo .summertext{color:#FF6600; font-size:12px; font-weight:bold; text-align:right; padding-top:28px;}
.probox1 .proInfo .sname{ font-size:19px; padding-bottom:10px;}
.probox .proInfo .name,.probox1 .proInfo .name { font-size:28px; font-weight:normal;}
.probox .proInfo ul,.probox1 .proInfo ul {padding:10px 0; border-bottom:dashed 1px #ccc;}
.probox .proInfo ul li{font-size:16px; padding:3px 0;}
.probox1 .proInfo ul li {font-size:12px; padding:4px 0;}
.probox .proInfo dl,.probox1 .proInfo dl {padding:10px 0; font-size:13px;}
.probox .proInfo dt{font-size:16px; font-weight:bold; padding-bottom:10px;}
.probox1 .proInfo dt{font-size:12px; font-weight:bold; padding-bottom:10px;}
.probox .proInfo dd,.probox1 .proInfo dd{padding:2px 0;}
.probox .proInfo .accept,.probox1 .proInfo .accept {padding-top:5px;}
.top_adw {text-align:right; padding-bottom:12px; width:960px; margin:0 auto;}
.probox input {vertical-align:middle;}
.probox_c {border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf; padding:30px 0 0 30px; color:#3E4F57;}
.probox_c .box {float:left; width:190px; height:160px; padding:0 25px 0 7px;}
.probox_c .lineR {background:url(images/line.gif) no-repeat 220px top;}
.probox_c .box h4 {font-size:18px; font-weight:normal; padding:0 0 10px 0;}
.probox_c .box img {float:left; margin-bottom:5px;}
.probox_c .box .p {padding:5px 0 0 95px; line-height:17px;}
.probox_b {background:url(images/pro_bg_b.gif) no-repeat left top; height:30px; font-size:0;}
.art_column {background:url(images/column_bg.png) no-repeat; height:45px; padding:0 20px; color:#000; line-height:45px; font-size:20px; font-weight:normal; display:block;}
.art_c {padding:30px; border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf;}
.table3{border:1px solid #e1e2e2;}
.table3 th{background:url(images/bg5.gif) repeat-x;border-bottom:1px solid #e1e2e2;border-right:1px solid #e1e2e2;color:#fff;font-size:14px;}
.table3 td{padding:8px 0;border-bottom:1px solid #e1e2e2;border-right:1px solid #e1e2e2;}


.other_selcet {padding:20px 0 40px 0; font-size:16px; color:#004a80;}
.other_selcet a {color:#004a80; text-decoration:underline;}
.other_selcet a:hover {color:#85aa10;}

.order_photo {padding:20px 0 20px 0; border-top:solid 1px #e9e9e9;}
.order_photo h5 { font-size:24px; font-weight:normal; padding:5px 0;}

.order_photo p { font-size:12px; padding:10px 0;}
.order_photo .p_num {float:left; width:200px; padding:10px 0 10px 45px; background:url(images/phone.gif) no-repeat left 10px; font-size:20px;}
.order_photo .p_num span {font-size:11px; display:block;}

.fmain .fcontent{padding:10px 33px;}
.fmain .fcontent h2{ font: bold 14px/1.5 Verdana, Arial, Geneva, sans-serif; padding:15px 0 5px;}
.fmain .fcontent ul li{ background:url(http://www.wondershare.com/style/style_img/li_dot2.png) no-repeat 0 8px; padding-left:10px;}
.fmain .fcontent ol li{ list-style-type:decimal; margin-left:19px;}

.b_top_title {background:url(images/b_top.png) no-repeat left top; height:59px; line-height:32px; padding:25px 0 0 0; font-size:26px; text-align:center; color:#333;}
.b_top_title strong {font-size:32px;}
.b_top_main {background:url(images/b_pro_bg.png) repeat-x left bottom; border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf; padding:20px 30px;}

.bTop_info {float:right; width:640px;}
.bTop_info .name {font-size:21px; font-weight:normal; color:#3e4e57; padding:10px 0;}
.bTop_info .name strong {font-style:italic;}
.bTop_info .item {padding:10px 0; overflow:hidden; _zoom:1;}
.bTop_info .item li {float:left; width:300px; background:url(images/icon_g.gif) no-repeat left 3px; padding:0 0 0 20px;}
.bTop_info .price_btn {padding:20px 0;}
.bTop_info .price {float:left; width:400px; font-size:16px; padding:10px 0 0 0;}
.bTop_info .price span {color:red; padding-right:10px;}
.bTop_info .price big {font-size:24px; font-weight:bold;}
.bTop_info .price del {color:#464646; font-size:16px;}
.bTop_info .note {display:block; padding-top:5px; font-size:11px; color:#008800;}
.bTop_info .other {padding:20px 0; border-top:dashed 1px #dcdcdc;}
.bTop_info .other dl { display:block;}
.bTop_info .other .fl {width:350px;}
.bTop_info .other .fr {width:240px;}
.bTop_info .other dt {padding-bottom:5px; font-size:12px;}

.bTop_info .btn {float:right;}
.bTop_img {float:left; width:220px;}
.bTop_img .img {padding:0 0 20px 0;}

.b_cont {float:left; width:710px;}
.b_side {float:right; width:240px;}
.b_column { height:45px; position:relative;}
.b_column .name { padding:0 20px;display:block; color:#000; margin-right:10px; line-height:45px;height:45px; font-size:21px; font-weight:normal;background:url(images/column_bg.png) no-repeat left top;}
.b_column .cr {display:block;background:url(images/column_bg.png) no-repeat right top; width:20px; height:45px; position:absolute; right:0;top:0;}
.b_boxB {height:30px; font-size:0; position:relative;}
.b_boxB .cl {background:url(images/pro_bg_b.gif) no-repeat left top; height:30px; margin-right:10px;}
.b_boxB .cr {background:url(images/pro_bg_b.gif) no-repeat right top; height:30px; width:20px; position:absolute; right:0; top:0;}
.bc_main {padding:20px;border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf;}


.bs_main {border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf;}
.bs_box .column { font-size:16px; height:28px; padding:10px 0 0 20px; background:url(images/sb_column.png) no-repeat left top; color:#000;}
.br_list {padding:20px; border-bottom:dashed 1px #ccc;}
.br_list dt {padding-bottom:5px;}
.br_list2 {padding:20px; border-bottom:dashed 1px #ccc;}
.br_list2 dt {text-align:right; padding-top:5px;}

.note_box {padding:20px 0;}
.note_box .title {font-size:12px; font-style:italic;}

.list_box{ float:left; background:url(images/box.jpg) no-repeat; width:133px; height:94px; padding:0; margin:0;}
.list_box span{ font-weight:bold; font-size:16px; padding:10px 0 0 18px; display:block;}
.list_box p{ padding:18px 15px 0 18px;}
.list_arrow{ float:left; background-image:none;padding-top:3px; margin:0;}

.proTab_cont {padding:0 30px;}
.proTab_cont .title,.proTab_cont .title2 {font-size:16x; color:#3e4e57;}
.proTab_cont .title {background:url(style_img/icon_jt.png) no-repeat left 11px; padding:5px 0 5px 10px;}
.proTab_cont .title2{padding:5px 0;}
.proTab_cont p {padding:5px 0;}
.proTab_cont ul {padding:5px 0;}
.proTab_cont .uesrTable td {padding:10px; background-color:#efefef; border-bottom:solid 1px #bcbcbc; border-top:solid 1px #fff; color:#3e4e57; font-size:12px;}

/*special offer recommend*/
.boxTitle{ border:1px solid #ddd;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:20px;}
.boxTitle .title{ height:37px; line-height:35px; font-size:16px; padding-left:15px; background:#E7E7E7;}
.specialArea{ margin:15px;}
.specialArea .cross{ display:block; float:left; height:100px; background:url(http://images.wondershare.com/images/buy/cross.jpg) no-repeat 50% 50%; width:30px;}
.specialArea .item{ float:left; width:225px; line-height:16px;}
.specialArea .item .img{ margin-right:10px; float:left; display:block;}
.specialArea .item .price{ margin-top:10px;}
.specialArea .item .price span{ color:#9e0b0f; font-size:13px;}
.specialArea .item .select{ background:url(http://images.wondershare.com/images/buy/select.jpg) no-repeat; width:226px; height:33px; padding-top:1px; margin-top:8px;}
.specialArea .item .select label{ margin:12px 0 0 15px; display:block; color:#260a09;}
.specialArea .pay{ background:url(http://images.wondershare.com/images/buy/com-break.jpg) no-repeat; height:121px; padding-top:25px; text-align:center;min-width:200px;}
.specialArea .pay span.save{ font-size:20px; line-height:22px; display:block; color:#9e0b0f;}

/*leftside*/
.leftbox{float: left;width:620px; padding:0 0 40px 20px;}
.leftbox h3{ font-size:20px; font-weight:normal; padding:5px 0 15px;}
.table3{border:1px solid #e1e2e2;}
.table3 th{background:url(images/bg5.gif) repeat-x;border-bottom:1px solid #e1e2e2;border-right:1px solid #e1e2e2;color:#fff;}
.table3 td{padding:8px 0;border-bottom:1px solid #e1e2e2;border-right:1px solid #e1e2e2; line-height:16px;}
.table3 .fz14 {font-size:12px;}
.table3 .fz14 span { font-style:italic; color:#ff8500;}
.table3 .color1 {color:#CC3300;}
.table3 .color2 {color:red;}
.table3 .color3 {color:#008800;}
/*======sideBar========*/
.sidebar {float:right;width: 260px; padding-right:20px;}
.sidebar .tit1, .sidebar .tit2 {background:url(http://images.wondershare.com/images/buy/sidebar_tit.gif) no-repeat ; height: 35px;}
.sidebar .tit1 h6,.sidebar .tit2 h6 {    font-size: 16px;line-height: 35px; padding: 0 15px; color:#222d35; font-weight:normal;}
.sidebar .box {border-left: 1px solid #D8D8D8;border-right: 1px solid #D8D8D8;line-height: 18px; padding: 15px;}
.sidebar .tit2 {background-position: 0 -35px;}
.sidebar .sbtmbg {background:url(http://images.wondershare.com/images/buy/sidebar_btmbg.gif) no-repeat  ;font-size: 0;height: 10px;}