@charset "utf-8";
/* 
---------------------------------
Site: www.AVCWARE.com
Author: AVCWARE.com
Updated: 20110316
Updated by: Gao Yueping 
file: product_detail.css 
version: 1.0
--------------------------------- 
*/ 
.topshow{width:960px; height:411px; margin:0 auto 10px auto; background:url(/images/common/bg_container.png) no-repeat;}
.topshow .words{float:left; width:500px;}

.topshow .words dl{ min-height:320px;}
.topshow .words dl { }
.topshow .words dl h2{font-size:21px; color:#e3b823; line-height:35px; font-weight:bold;padding:15px 0 20px 25px;}
.topshow .words dl dd{ color:#FFF; background:url(/images/common/icon_check.png) no-repeat 30px 0; min-height:20px; padding:5px 30px 5px 60px; }
.topshow .words .downloads{ padding:20px 0 0 120px;}
.topshow .words .downloads a{display:block; width:171px; height:47px; background:url(/images/common/btn_freedown.png) no-repeat; line-height:47px; font-size:20px; color:#FFF; padding-left:45px;}
.topshow .words .downloads a:hover{text-decoration:none;}
.topshow .images{ /*float:left; width:450px; margin-left:500px; margin-top:-377px;*/ float:right; width:450px;}
.topshow .images h3{ text-align:right; font-size:18px; line-height:25px; padding:25px 30px 0 0; height:45px; }
.topshow .images h3 a{color:#f0d38e;}
.topshow .images p{text-align:right;}
.topshow .images .win{ width:425px; height:50px; background:url(/images/common/icon_windows.png) no-repeat right 10px;}
.topshow .images .win img{ float:right; margin-top:3px; margin-right:60px;}
.topshow .images .mac{ width:425px; height:50px; background:url(/images/common/icon_mac.png) no-repeat right 10px; }
.topshow .images .mac img { float:right; margin-top:12px; margin-right:60px;}
.screenshots{ display:none; background-color:#000;}



.middle{width:960px; margin:0 auto;}
.middle .img{float:left; width:320px;}
.middle ul{ float:right; width:630px;}
.middle ul li{ padding-top:10px;}
.middle ul li.top{padding-top:0;}
.middle ul li h3{background:url(/images/common/bg_tittles.jpg) no-repeat 0 0; height:35px; line-height:35px; font-size:16px; font-weight:bold; color:#FFF; padding-left:15px;}
.middle ul li p{ padding:10px; background-color:#dfdbe2; height:85px;}

.content{width:960px; margin:10px auto;}
.content .features{width:480px; float:right;}
.content .features .keytitle{width:480px; height:35px; background:url(/images/common/bg_tittles.jpg) no-repeat 1px -50px;}
.content .features .keytitle h3{ width:450px; height:35px; line-height:35px; background:url(/images/common/icons.png) no-repeat 5px -155px; color:#FFF; font-size:16px; padding-left:30px; }
.content .features ul{ padding:15px 10px; }
.content .features ul li{ background:url(/images/common/arrow.gif) no-repeat 5px 6px; padding:0 10px 20px 15px;}
.content .features ul li h4{ font-size:11px; padding:0 0 5px 0;}

.content .reference{width:440px; float:left;}
.content .reference .retitle{width:480px; height:35px; background:url(/images/common/bg_tittles.jpg) no-repeat 0 -100px;}
.content .reference h3{width:445px; height:35px; line-height:35px; background:url(/images/common/icons.png) no-repeat 5px -195px; color:#FFF; font-size:16px; padding-left:35px;}
.content .reference h3.os{ background-position:5px -235px;}
.content .reference h3.icon{ background-position:5px -312px;}
.content .reference h3.what_new_icon{background-position:20px -400px; top:80px;}
.content .reference table{border-right:#B6B6B6 1px solid; border-bottom:#B6B6B6 1px solid; margin-bottom:15px;}
.content .reference table tr{}
.content .reference table tr td,.content .reference table tr th{ border-top:#B6B6B6 1px solid; border-left:#B6B6B6 1px solid; padding:5px; }
.content .reference table tr th{text-align:left;padding-left:5px;}
.content .reference table tr th.tit{ background-color:#e7e8ec;}
.content .reference .related{ padding:10px 5px; border:#B6B6B6 1px solid; width:468px; }
.content .reference .related h4{ font-size:11px;}
.content .reference .related h4 a{ color:#333; text-decoration:underline;}
.content .reference .related h4 a:hover{ text-decoration:none; color:#999;}
.content .reference .related p{  }
.content .reference .related p a{ color:#333;text-decoration:underline; }
.content .reference .related p a:hover{text-decoration:none; color:#999;}
.content .reference .what_new{width:480px; height:40px; background:url(/images/common/bg_tittles.jpg) no-repeat 0 -96px; margin-top:10px;}
.content .reference .what_new h3{line-height:45px;}
.content .reference .what_new_related{ padding:20px 15px; border:#B6B6B6 1px solid; width:448px;}
.content .reference .what_new_related ul{ padding:15px 5px -12px; }
.content .reference .what_new_related ul li{ background:url(/images/common/arrow.gif) no-repeat 0 5px; padding:0 0 10px 8px; width:450px;}




/* family */
.family_top{width:960px; height:411px; margin:0 auto 10px auto; background:url(/images/common/family-bg.jpg) no-repeat;}
.family_top .family{float:left; width:480px;}
.family_top .family dl{ min-height:320px; padding-left:20px;}
.family_top .family dl h2{font-size:32px; color:#e3b823; line-height:35px; font-weight:bold;padding:25px 0 20px 25px;}
.family_top .family dl dt{font-size:22px; color:#e3b823; height:50px; line-height:50px; padding-left:20px;}
.family_top .family dl dd{ color:#FFF; font-size:20px; background:url(/images/common/family-icon.png) no-repeat 30px 10px; min-height:20px; padding:10px 30px 5px 60px; }
.family_top .family dl dd a{color:#fff;}
.family_top .family dl dd a:hover{color:#fff; text-decoration:underline;}
.family_top .family .downloads{ padding:0 0 0 0;_margin-top:50px; width:169px; height:46px; float:left; margin-left:60px;_margin-left:25px;}
.family_top .family .downloads a{display:block; width:171px; height:47px; background:url(/images/common/btn_download.png) no-repeat; line-height:47px; font-size:16px; color:#FFF; padding-left:40px;}
.family_top .family .downloads a:hover{text-decoration:none;}

.family_top .family .product_buy{ padding:0 0 0 0; _margin-top:50px;width:169px; height:46px; float:left;}
.family_top .family .product_buy a{display:block; width:171px; height:47px; background:url(/images/common/btn_buy.png) no-repeat; line-height:47px; font-size:16px; color:#FFF; padding-left:30px;}
.family_top .family .product_buy a:hover{text-decoration:none;}
.family_top .family .product_buy span{color:#fc7101; font-weight:bold; font-size:12px;}
.family_top .family .product_buy .originally{color:#aaa9a9;	text-decoration: line-through; padding-left:20px;}
.family_top .images{ /*float:left; width:450px; margin-left:500px; margin-top:-377px;*/ float:left; width:450px; }
.family_top .images h3{ text-align:right; font-size:18px; line-height:25px; padding:25px 30px 0 0; height:45px; }
.family_top .images h3 a{color:#f0d38e;}
.family_top .images p{text-align:right;}
.family_top .images .win{ width:425px;  height:50px; background:url(/images/common/icon_windows.png) no-repeat right 0px; z-index:3;}
.family_top .images img{z-index:1;}
.family_top .images .win img{ float:right; margin-top:3px; margin-right:60px;}
.family_top .images .mac{ width:425px; height:50px; background:url(/images/common/icon_mac.png) no-repeat right 10px; }


.left{float:left;}
.right{float:right;}

.family_middle{width:960px; margin:0 auto;}
.family_middle .product{width:474px; margin-bottom:10px;}
.family_middle .product h3{ width:445px; height:35px; line-height:35px; background:url(/images/common/bg_tittles.jpg) no-repeat 0px -153px; color:#FFF; font-size:16px; padding-left:30px; }
.family_middle .product h3 a{color:#fff;}
.family_middle .product h3 a:hover{color:#fff; text-decoration:underline;}
.family_middle .product dl{ padding:15px 10px; background:#dfdbe2; width:454px; height:200px;font-size:12px; color:#383737;line-height:20px;}
.family_middle .product dl dt{width:110px; float:left;}
.family_middle .product dl dd{ padding-top:8px;}
.family_middle .product dl p{clear:both;}