@charset "utf-8";
/*compare*/
.compare-table{margin:8px 0 0}
.compare-table a{font-size:13px;color:#58c}
.compare-table a:hover{text-decoration:none}
.compare-table td,.compare-table th{padding:8px;border:1px solid #ddd}
.compare-table td{text-align:center}
.compare-table td p.buy-now a{color:#fff;margin:0 auto;padding-left:16px;width:88px}
.compare-table td strong{font-weight:normal;color:#506099;font-size:16px;font-family:Arial,Helvetica,sans-serif}
.compare-table td span{text-decoration:line-through;color:#506099}
.compare-table th{font-size:12px;padding-left:20px}
.compare-table th .smallt{font-size:11px;color:#999}
.compare-table th .bigt{font-size:12px;font-weight:bold;padding-bottom:4px;font-weight:bold}
.compare-table th img{padding:8px 0}
.compare-table th strong{font-size:14px;font-weight:normal}
.compare-table th.title,.compare-table th.titles{ font-weight:bold;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#efefef',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #efefef 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));font-size:13px;color:#318905;text-shadow:0 1px 0 #fff;padding:9px 12px}
.compare-table .center{text-align:center}
/*pro-banner*/
.pro-banner{background:url(images/pro-banner-bg.png) repeat-x 0 100% #f6f6f6;width:100%; padding:50px 0 20px;}
.pro-banner h1{text-align:center;font-size:30px;line-height:30px; font-weight:bold; color:#444; padding:25px 0;}
.pro-nav-bar {background:url(images/pro-nav-bg.png) no-repeat 50% 0; padding:12px 0 0; width:100%;}
.pro-nav-bar .ratingArea{ margin:3px 0 0 10px; width:130px;}
.pro-nav-bar .pro-nav{margin-left:170px;overflow:hidden;float:left;}
.pro-nav-bar .pro-nav li{ display:inline;}
.pro-nav-bar .pro-nav li.curr a{color:#fff; background:#78ad1f;}
.pro-nav-bar .pro-nav li a{display:inline-block;line-height:26px; height:26px;color:#333; padding:0 10px; border-radius:5px;}

.pro-nav-bar .try{ display:block; background:url(images/btn_bg3.png) no-repeat 0 -390px; width:93px; height:19px; margin-top:5px;}
.pro-nav-bar .try:hover{ background-position: -97px -390px;}

.pro-pic{float:left;width:170px;text-align:center;padding:30px 0 0 0;}
.pro-text{float:left;width:470px;padding:30px 0 0 30px; font-size:14px;}
.pro-text a{ color:#77ad1f;}
.pro-text h2{font-size:18px; font-weight:bold; margin-bottom:13px;} 
.pro-text ul{padding:15px 0 0 0;}
.pro-text li{background:url(images/icon_right.png) no-repeat 0 center;line-height:1.7em;padding:0 0 0 25px;}
.pro-pur{float:right;background:url(images/pro-pay-bg.png) no-repeat;width:250px;height:244px;padding:45px 0 0 40px;}
.pro-pur strong{display:block;font-size:16px;padding:0 0 10px 0;}
.pro-pur .sle{padding:2px 0; display:block;}
.pro-pur .btnbox{background:url(images/pro_icon.png) no-repeat 205px 11px;margin:15px 0 0 0;}


/*review*/
.review{background:#efefef;}
.review .wrap{background:url(images/powerful-icon.png) no-repeat 30px 20px;width:780px;padding:23px 20px 10px 200px;height:66px;}
/**/
#p_main{width:1000px;margin:30px auto 0; position:relative;}
#p_main .guide{ padding:15px 15px 0;}
#p_main .img{height:270px;}
.show{text-align:center;padding:8px;margin:8px auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #eaeaea;background:#fafafa}
.show a{display:block;color:#08c;cursor:pointer}
/*leftbox*/
.leftBox{float:left;width:702px;margin:30px 0 0 0; background:#fff; border:1px solid #e7e7e7; border-radius:10px; padding:20px 25px 30px; box-shadow:0 0 3px #e7e7e7;}


.content p{ padding:5px 0;}
.content h2{display:block;font-size:20px;line-height:30px; font-weight:bold;padding:0 0 15px 0;}
.content h3{display:block;font-size:20px;line-height:30px; font-weight:bold;padding:0 0 10px 0;}
.content h3 span{ color:#999; font-size:11px; font-weight:normal; padding-left:16px;}
.content h4{display:block;font-size:16px;font-weight:bold; margin:10px 0;}
.content .cts .number { background:#444; font-size:20px; font-style:italic; display:inline-block;  color:#fff; height:28px; line-height:25px;  padding:0 8px; float:left; margin-right:10px; border-radius:3px;}
.content .bt{display:block;font-size:18px;line-height:30px;padding:0 0 10px 0;}
.content .tab{color:#777; font-size:12px;}
.content .tab .con{border:1px solid #dedede;overflow:hidden;background:#efefef;padding:8px;}
.content .tab .nav{ margin:-2px 0 0 90px; position:relative;}
.content .tab .nav li{ border:1px solid #ebebeb; float:left; width:100px; padding:7px 0; text-align:center; color:#555; font-size:13px; cursor:pointer;}
.content .tab .nav li.curr{border-top:1px solid #eee;background:#eee;cursor:pointer; box-shadow:0 2px 3px #dbdbdb;}
.content .tab-w390{width:390px;}
.content .tab-w530{width:530px;}

.content .video-box{background:#f6f6f6; border:1px solid #e8e8e8;width:470px; padding:10px;margin:20px 0 0 0; overflow:hidden;}
.content .switch-nav{ border-top:1px solid #dfdfdf; overflow:hidden; padding-top:20px;}
.content .switch-nav li{ float:left; width:330px; overflow:hidden; height:38px; margin-bottom:10px;}
.content .switch-nav li a{ color:#858585; font-weight:bold; font-style:italic;}
.content .switch-nav li .num{ float:left; background:url(images/num-bg.png) no-repeat; width:32px; height:32px; line-height:32px;  text-align:center; font-size:20px; font-weight:bold; color:#78ad1f; margin-right:13px;}
/*table*/
.table1{background:#fff;}
.table1 th,.table1 td{padding:8px;border:1px solid #ececec;font-size:11px;}
.table1 th{font-size:12px;color:#333;font-weight:bold;}

.table2{background:#fff;}
.table2 th,.table2 td{padding:8px;border:1px solid #ececec;font-size:12px;}
.table2 th{background:url(images/tab_td_bg.gif) repeat-x;font-size:16px;color:#333;font-weight:bold; text-align:left;}
.table2 .btn{width:144px;margin:0 auto;}

.fealist{width:350px;padding:15px 0;}
.fealist .text{float:right;width:285px;}
.fealist .text strong{display:block;font-size:14px;padding:0 0 5px 0;}

.fealist2{float:left;width:306px;padding:15px 0; margin-right:35px;}
.fealist2 .text{float:right;width:241px;}
.fealist2 .text strong{display:block;font-size:14px;padding:0 0 5px 0;}

.piclist{float:left;width:280px; margin-right:70px;}
.piclist h4{font-size:14px;padding:10px 0 5px 0; font-weight:bold;}
.piclist .dd{font-size:12px;}

.step-box{height:32px;}
.step-box .wd200{float:left;width:200px;}
.step-box .wd230{float:left;width:230px;}
.step-box .wd300{float:left;width:300px;}
.step-box .num{display:block;float:left;background:url(images/num_bg.gif) no-repeat;width:32px;height:32px;color:#fff;font-size:20px;font-style:italic;font-weight:bold;text-align:center;line-height:32px;}
.step-box .txt{display:block;float:left;font-style:italic;font-weight:bold;padding:0 0 0 10px;line-height:32px;}

.rev-top{background:url(images/review_top.gif) no-repeat;height:53px;}
.rev-top h1{font-size:22px;line-height:48px;padding:0 0 0 20px;font-weight:normal;}
.rev-top .btn{float:right;width:115px;padding:13px 20px 0 0;}

/*bottom-pro*/
.bottom-pro{background:url(images/btm_t_bg.gif) no-repeat;margin:30px 0 0 0;padding:30px 0 50px 0;}
.bottom-pro h3{display:block;font-size:20px;line-height:30px;padding:0 0 20px 0;}
.bottom-pro .item{float:left;width:306px;}
.bottom-pro .item .pic{float:left;width:85px;}
.bottom-pro .item .pic .price{text-align:center;color:#F60;padding:5px 0 0 0;}
.bottom-pro .item .text{float:right;width:200px;}
.bottom-pro .item .text h4 a{font-size:14px;color:#555;}
.bottom-pro .item .text h4 span{display:block;font-size:12px;font-weight:normal;}
.bottom-pro .item .text .dd{font-size:12px;padding:10px 0;}
 

/*bottom-list*/
#p_main .bottom-list{background:url(images/bottom_list_bg.gif) no-repeat 0 40px;width:990px;height:319px;padding:40px 0 25px 0;}
#p_main .bottom-list h3{height:41px;font-size:16px;font-weight:bold;line-height:41px;padding:0 0 0 20px;}
#p_main .bottom-list .wd214{float:left;width:214px;}
#p_main .bottom-list .wd278{float:left;width:278px;}
#p_main .bottom-list .wd255{float:left;width:255px;}
#p_main .bottom-list .wd243{float:left;width:243px;}
#p_main .bottom-list .pic{text-align:center;padding:15px 0;}
#p_main .bottom-list .list{padding:15px;}
#p_main .bottom-list .list li{background:url(images/dot.png) no-repeat 0 11px;line-height:24px;padding:0 0 0 10px;}
#p_main .bottom-list .list li a{color:#555;}

/*reviewsItem*/
.reviewsItem{padding:15px;background:#f5f5f5;margin-top:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.reviewsItem strong.title{font-size:14px;color:#333;display:block;line-height:20px;}
.reviewsItem span.info{display:block;color:#777;padding:5px 0 0 0;}
.reviewsItem .rating{float:right;margin-top:0;}
.reviewsItem p.con{margin:8px 0;}
.reviewsItem .ud{float:left;width:100px;overflow:hidden;line-height:22px;}
.reviewsItem .ud a{display:block;float:left;background:url(images/reviews.png) 0 -33px no-repeat;width:22px;height:22px;margin:0 5px 10px}
.reviewsItem .ud .down{background-position:-22px -33px;}
.reviewsItem .reply{border-top:1px solid #D8DFEA; padding-bottom:8px;}
.reviewsItem .share{float:right;width:260px;padding:5px 0 0 0;}
.reviewsItem .share a.facebook,
.reviewsItem .share a.twitter{display:block;background:url(images/icon_share.png) no-repeat;line-height:16px;padding:0 0 0 20px;width:110px;font-size:11px;color:#333;}
.reviewsItem .share a.twitter{background-position:0 -16px;}
.reviewsItem .btm{clear:both;background:#fff url(images/arrow_btm.gif) no-repeat 600px 0;position:relative;margin:0 -15px -15px; height:16px;}

/*topBanner*/
.topBanner{background:#4dbef2;width:100%;text-align:center;}

/*proList*/
.proTitle{font-size:20px;line-height:35px;padding:0 0 0 45px;}
.proTitle.icon1{background:url(images/icon_title.png) no-repeat;}
.proTitle.icon2{background:url(images/icon_title2.png) no-repeat;}
.proTitle.icon3{background:url(images/video-icon.jpg) no-repeat;}
.proTitle.icon4{background:url(images/pdf-icon.jpg) no-repeat;}
.pro-dd{font-size:16px;padding:15px 0 0 0;}
.proItem{width:345px;padding:30px 0 0 0;}
.proItem .text{float:right;width:210px;}
.proItem .text h3 a{font-size:14px;color:#555;}
.proItem .text h3 span{display:block;font-size:12px;font-weight:normal;}
.proItem .text .dd{font-size:12px;padding:10px 0;}

.proBtm{padding:40px 0 0 0;}
.proBtm .title{background:url(images/title2.gif) no-repeat;height:41px;font-size:16px;font-weight:bold;line-height:41px;padding:0 0 0 20px;}
.proBtm .btmbg{background:url(images/pro_btm_bg.gif) no-repeat;height:10px;font-size:0;}
.proBtm .nrbox{background:#fff url(images/sidebar_bg2.gif) repeat-x 0 bottom;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:20px 0 10px 0;}
.proBtm .item{float:left;width:213px;padding:0 15px;}
.proBtm .item .text{padding:0 0 0 65px;}
.proBtm .item .text strong{display:block;font-size:14px;padding:0 0 10px 0;}
/*btm-item*/
.btmItem {  color:#777; float:left; width:315px; margin: 0 10px 30px 0; line-height:1.4em;}
.btmItem p{ font-size:12px; line-height:1.4em;}
#p_main .btmItem .img{ float:left; height:140px; text-align:center;}
.btmItem h4{ font-size:14px; margin-bottom:5px; font-weight:bold;}
.btmItem .price{ color:#f26522;}
.btmItem .price del{ color:#444;}

/*rollTop*/
.rollTop{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#f4f4f4',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #f4f4f4 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));  padding-top:1px; position:fixed; z-index:16; top:0; left:0; width:100%;  padding:13px 0 4px; *padding-bottom:10px; box-shadow:0 2px 5px #bbb;}
.rollTop .wrap{ width:1020px; margin:0 auto 0; overflow:visible; }
.rollTop .name{ float:left; color:#777;  display:block; margin:7px 0 15px; font-size:18px; font-weight:bold;}

.rollTop .wrap li{ float:left; list-style:none; padding:0 10px; border-left:1px solid; font-size:14px;}


/*pro-two*/
.pro-two{ overflow:hidden;}
.pro-two .pro-item{ float:left; width:435px; border:2px solid #f4f4f4; padding:23px 10px 0; height:295px; background:#fff; font-size:12px;}
.pro-two .pro-item .img{ float:left;}
.pro-two .pro-item .text{ padding-left:127px;}
.pro-two .pro-1 .text .btn-win-2,.pro-two .pro-1 .text .btn-mac-2{ margin-left:-100px;}

.pro-two .pro-item h2{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.pro-two .pro-item  li{background:url(images/icon_right.png) no-repeat 0 4px;line-height:1.7em;padding:0 0 0 25px;}
.pro-two .pro-item label{ display:block;}
.pro-two .pro-1{ border-right:none; margin-top:18px;}
.pro-two .pro-break{ float:left; background:url(images/pro-break.png) no-repeat; width:11px; height:356px;}
.pro-two .pro-2{ width:503px; border:2px solid  #e2e2e2; height:329px; margin-bottom:20px;}
.pro-two .pro-2 .text{ padding-left:143px; font-size:13px;}


/*pro-2*/
.pro-pic2{float: left;position: relative;margin:10px 0 0 0; padding-bottom:30px;}
.pro-pic2 .interface {margin-left: 40px;-moz-box-shadow: 8px 8px 24px #dedede;-webkit-box-shadow: 8px 8px 24px #DEDEDE;box-shadow: 8px 8px 24px #DEDEDE;}
.pro-pic2 .icon {position: absolute;bottom:10px;left: 5px; z-index:1;}
.pro-text2{ width:540px; padding-top:10px;}
.pro-text2 label{ display:block;}
.pro-text2 .btnNote{ clear:both; height:26px; background:url(images/btn-05.png) no-repeat 0 -56px; margin-left:20px;}

.leftBox .data table{margin-bottom:20px;width:678px}
.leftBox .data table tr:hover{background:#fafafa}
.leftBox .data table tr th{background:url(../images/tutorial/titlebg.jpg) repeat-x scroll 0 0 transparent;border:1px solid #efefef;padding:8px 12px;font-size:13px;text-align:left;color:#318905}
.leftBox .data table tr td{border:1px solid #efefef;padding:8px 12px;text-align:left;line-height:2em;font-size:11px;color:#666}
.leftBox .data table tr td.rLeft{width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0;line-height:1.5em}
.leftBox .data table tr td.rRight{font-size:12px}
.leftBox .data ul li{background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -143px;color:#565656;line-height:2em;padding:0 0 0 16px}
/*free dvd template*/
.trmplates_main { padding:10px 0;}
.trmplates_main h2 { font-size:14px; font-weight:bold; border-bottom:dashed 1px #999; padding:5px; margin-bottom:5px;}
.trmplates_main h2 a {margin-left:5px;}
.trmplates_show {overflow:hidden; _zoom:1;}
.trmplates_show a {float:left; display:block; width:130px; height:95px; padding:5px 5px 25px 5px; background:url(../images/dvd-creator-3.0-template/template_photo.png) no-repeat; margin:14px 20px;}
.topBar a.write{float:right;display:block;background:url(images/reviews.png) no-repeat;width:132px;height:33px;margin:0 5px 0 0;}
.leftBox .item ol{ list-style:none;}