﻿@charset "utf-8";
.changebox{
    float: left;
    height: 310px;
    padding: 0;
    position: relative;
    width: 900px;
}
#main-right { margin: 0px 0px 20px 6px; float: right; width: 624px; }
#rightcount-left { float: left; width: 671px; margin: 0px 0px 0px 0px; text-align: left; }
#rightcount-right { float: right; width: 214px; margin-left:12px;}
#pro-top{ float: left; width: 672px; overflow:hidden; background-image:url(../images/commen/index_top_pro_bg.jpg); background-repeat:no-repeat; height:195px; margin-bottom:10px; margin-top:10px;}
#pro-top2{ float: left; width: 672px; overflow:hidden; background-image:url(../images/products/dvd-ripper-for-mac/index_top_bg.jpg); height:212px; margin-bottom:10px; }

/*index ad 20090715*/
#index-ad{ height:187px; background:url(../images/extend/ad-iphone-to-mac-transfera.jpg) no-repeat; float:left}
#index-ad ul{ margin:100px 0 0 300px; text-align:left; color:#FFF; width:500px;}
#index-ad ul li{ float:none; line-height:25px;  list-style:disc;}
#index-ad ul li a{ font-size:12px; color:#FFF; font-weight:bold}
#index-ad span{ text-align:right; padding:5px 20px 0 0; float:right}
#index-ad span a{font-size:12px; color:#FFF;}



.blank{  width:266px; float:left;  } 
.blank img{  width:219px; height:vsa-ss180px; float:left;  }
.blank .pro-top-col_01{ padding:10px 0  0 47px; width:170px; float:left; display:block; }
.blank .pro-top-col_01 a{  font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#305aa1; }
.blank2{  width:220px; float:left;} 
.blank2 img{  width:200px; height:180px; float:left;}
.blank2 .pro-top-col_01{ padding:10px 0  0 47px; width:170px; float:left; display:block; }
.blank2 .pro-top-col_01 a{  font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#305aa1; }
.changebox { float:left; padding:0; width:900px; height:310px; position:relative }
#slider{ width:900px; height:310px; overflow:hidden; margin:0 auto; position:left:0;top:0;position:absolute;}
#slider ul{width:900px; height:310px;  overflow:hidden; display:block; margin:0 auto; text-align:center;}
#slider ul#bigimg li{ display:block; width:900px; height:310px; margin:0; padding:0;}
#a1,#a2,#a3,#a4{ width:900px; height:310px; display:inline;}
#slider ul#bigimg li img{ width:900px; height:310px; float:left; overflow:hidden;}



.pro-top-col_01{ width:328px; float:left;} 
.pro-top-col_01 .title_top{margin:15px 0 0 0; color:#255dbc; font-family:Verdana, Geneva, sans-serif; font-size:14px; display:block;} 
.pro-top-col_01 h1{ font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#171717; font-weight:normal;}
.pro-top-col_01 h1 span{ color:#808080;}
.pro-top-col_01 p{ font-family:Verdana, Geneva, sans-serif; line-height:18px; color:#505050; margin:0; padding:0;}
.pro-top-col_02{ width:365px; float:left; } 
.pro-top-col_02 .title_top{margin:15px 0 0 0; color:#255dbc; font-family:Verdana, Geneva, sans-serif; font-size:14px; display:block;} 
.pro-top-col_02 h1{ font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#171717; font-weight:normal;}
.pro-top-col_02 h1 span{ color:#808080;}
.pro-top-col_02 p{ font-family:Verdana, Geneva, sans-serif; line-height:18px; color:#505050;}
.pro-top-col_03{  padding:5px 0 0 0; width:318px; float:left;  color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}
.pro-top-col_03 .now_price{color:#ba0000; padding-right:10px;}
.ul_change_a2 { padding-left:19px; bottom:5px; overflow:hidden; position:absolute; right:5px; height:15px; }
.ul_change_a2 li { display:inline; width:15px; height:15px; line-height:15px;margin-right:2px; }
.ul_change_a2 li a{ text-decoration:none;border:1px solid #999; padding:0 3px;background:#fff; color:#999;display:inline; }
.ul_change_a2 a:hover {border:1px solid #CC0000; background:#ffff99; cursor:hand; color:#CC0000; text-decoration:none; padding:0 3px;display:inline;}

#pro-block { float: left; overflow:hidden; background-image:url(../images/common/index_table.jpg) ; padding:0 4px; width:206px; height:261px; border-right:#d1d1d1 1px solid;}
#pro-block h1, #pro-block h1 a { font-family: Verdana; font-size: 16px; font-weight: normal; color: #171717; text-decoration: none; line-height: 28px; text-align:center}
#pro-block h1 a:hover{ text-decoration:underline;}
#pro-block img#vista, #pro-block img#vista a { float: right; margin-top:13px; }
#pro-block #vsa-tt { text-align:center; width:207px;}
#pro-block #vsa-ss { text-align: left; width:207px; line-height:17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#pro-block p { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #333333; }



#pro-block1 { float: left; width: 446px; overflow:hidden; }
#pro-block1 h1, #pro-block1 h1 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #3770a5; text-decoration: none; line-height: 58px; }
#pro-block1 img#vista, #pro-block1 img#vista a { float: right; }
#pro-block1 img#vsa-tt, #pro-block1 img#vsa-tt a { float: left; margin:10px; }
#pro-block1 p { font-family: Verdana; font-size: 10px; line-height: 15px; color: #666; }
#pro-block2 { float: left; width: 446px; overflow:hidden; }
#pro-block2 h1, #pro-block2 h1 a { font-family: Arial; font-size: 16px; font-weight: bold; color: #3770a5; text-decoration: none; line-height: 58px; }
#pro-block2 img#vista, #pro-block2 img#vista a { float: right; }
#pro-block2 img#vsa-tt, #pro-block2 img#vsa-tt a { float: left; margin:10px; }
#pro-block2 p { font-family: Verdana; font-size: 10px; line-height: 15px; color: #666; }
#mid-ad { float: left; width: 446px; }

div.pro-nav { float:left; width: 206px; font-weight: bold; font-family: Verdana; font-size: 11px; text-decoration: none; }
div.pro-nav ul { float: left; width: 140px; }
div.pro-nav ul li {}
div.pro-nav ul li.price { margin-left:55px; margin-bottom:5px; color:#000; font-family:Arial; font-size:12px; display:inline}
div.pro-nav ul li.buy { margin-left:50px;  display:inline}


#estreat { float: left; width:672px; margin: 20px 0px 10px 0px; font-family: Verdana; font-size: 10px; }
#estreat ul { float: left; width: 672px; }
#estreat ul li { width: 672px; overflow: hidden; } 
#estreat ul li.est-bt, #estreat ul li.est-bt a { font-family: Arial; font-size: 16px; font-weight: bold; color: #3770a5; text-decoration: none; line-height: 25px; width: 444px; }
#estreat ul li.est-bt a:hover { text-decoration:underline;}

#estreat ul li.est-tt { font-family: Verdana; font-size: 10px; color: #376fa0; }
#estreat ul li.est-txt { width: 596px; font-family: Verdana; font-size: 10px; line-height: 15px; color: #333333; margin: 25px 0px 0px 1px; }
#estreat p a { text-decoration:underline; }
#estreat p a:hover { text-decoration:none; }
#estreat img#est-i, #estreat img#est-i a { float: left; margin-right:8px; }
#estreat ul li.est-more { width: 444px; line-height: 30px; margin: 5px 0px 0px 0px; }
#news { float: left; width: 158px; border: 1px solid #dee2e5; text-align: left; color: #434343; font-family: Verdana; padding-bottom:5px; }
#news ul { float: left; width: 158px; }
#news ul li.new-tt { line-height: 21px; background-image: url(../images/news-tt.gif); background-repeat: repeat-x; height: 21px; font-weight: bold; width: 158px; font-size:11px; }
#news ul li.new-tt a { color: #434343; text-decoration:none; font-size:11px; }
#news ul li.new-special { overflow: hidden; margin-top: 10px; width: 146px; margin-left: 3px; font-size: 10px; font-family: Verdana; line-height: 13px; }
#news ul li img#special, #news ul li img#special a { float: left; }
#news ul li.new-txt { width: 146px; margin-left: 2px; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: 0px 7px; font-family: Verdana; font-size: 10px; line-height: 13px; margin-top: 10px; }
div#new-txt { text-align: left; float: right; width: 138px; }
#news ul li.new-more { font-family: Verdana; font-size: 10px; line-height: 35px; text-align: right; width: 146px; margin-top:5px; }
#articles { float: left; width: 158px; border: 1px solid #dee2e5; text-align: left; color: #434343; font-family: Verdana; margin-top: 6px; padding-bottom: 5px; }
#articles ul { float: left; width: 158px; }
#articles ul li.art-tt { line-height: 21px; background-image: url(../images/news-tt.gif); background-repeat: repeat-x; height: 21px; font-weight: bold; width: 158px; }
#articles ul li.art-tt a { color: #434343; text-decoration:none; }
#articles ul li.art-txt { width: 146px; margin-left: 2px; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: 0px 7px; font-family: Verdana; font-size: 10px; line-height: 13px; margin-top: 10px; }
div#art-txt { text-align: left; float: right; width: 138px; }
#articles ul li.art-more { font-family: Verdana; font-size: 10px; line-height: 35px; text-align: right; width: 146px; margin-top:5px; }
#main-left { float: left; width: 672px; overflow: hidden; }
#products { float: left; width: 158px; border: 1px solid #dee2e5; text-align: left; color: #434343; font-family: Verdana; overflow: hidden; }
#products ul { float: left; width: 158px; }
#products ul li.prod-tt { line-height: 21px; background-image: url(../images/news-tt.gif); background-repeat: repeat-x; height: 21px; font-weight: bold; width: 158px; }
#products ul li.prod-tt a { color: #434343; text-decoration:none; }
#products ul li.prod-mac { width: 146px; line-height: 18px; margin: 0px 4px; font-size: 10px; padding: 5px 0px; }
#products ul li.pro-line { border-top: 1px solid #dee2e5; height: 1px; width: 158px; margin-top: 2px; }
#products ul li.prod-win { width: 146px; line-height: 18px; margin: -10px 4px 0px 4px; font-size: 10px; padding: 5px 0px; }
#ad { float: left; width: 160px; margin-top: 16px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
#guides { float: left; width: 158px; border: 1px solid #dee2e5; text-align: left; color: #434343; font-family: Verdana; overflow: hidden; padding-bottom:5px; }
#guides ul { float: left; width: 158px; } 
#guides ul li.gud-tt { line-height: 21px; background-image: url(../images/news-tt.gif); background-repeat: repeat-x; height: 21px; font-weight: bold; width: 158px; }
#guides ul li.gud-tt a { color: #434343; text-decoration:none; }
#guides ul li.gud-txt { width: 146px; margin-left: 2px; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: 0px 7px; font-family: Verdana; font-size: 10px; line-height: 13px; margin-top: 10px; }
div#gud-txt { text-align: left; float: right; width: 138px; }
#guides ul li.gud-more { font-family: Verdana; font-size: 10px; line-height: 35px; text-align: right; width: 146px; margin-top:5px; }
#links { float: left; line-height: 21px; background-image: url(../images/news-tt.gif); background-repeat: repeat-x; height: 21px; font-weight: bold; width: 158px; border: 1px solid #dee2e5; border-bottom: 0px; overflow: hidden; font-family: Verdana; text-align: left; color: #434343; margin: 6px 0px 0px 0px; }
#links a { color: #434343; text-decoration:none; }
#links-txt { float: left; width: 158px; border: 1px solid #dee2e5; border-top: 0px; text-align: left; color: #434343; font-family: Verdana; overflow: hidden; background-color: #dfecf2; background-image: url(../images/links.gif); background-repeat: repeat-x; margin: 0px 0px 10px 0px; padding-bottom:5px; }
#links-txt ul { float: left; width: 158px; }
#links-txt ul li.lin-txt { width: 146px; margin-left: 2px; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: 0px 7px; font-family: Verdana; font-size: 10px; line-height: 13px; margin-top: 10px; }
div#lin-txt { text-align: left; float: right; width: 138px; }
#links-txt ul li.lin-more { font-family: Verdana; font-size: 10px; line-height: 35px; text-align: right; width: 146px; margin-top:5px; }
/***********070208guides-to************/
#gud-to { width:160px; float:left; overflow:hidden; }
#gud-to p { font-family: Verdana; font-size:11px; color:#434343; font-weight:bold; width:70px; line-height:16px; float:left; margin:10px 0px 0px 5px; overflow:hidden; }
#gud-to p a { color:#434343; text-decoration:none; }
#gud-to p a:hover { text-decoration:underline; }
#gud-to ul li { margin-top:6px; }
#gud-to ul li a { display:block;}
#gud-to ul li.gudto1 { background-image:url(../images/bg1-gd.gif); width:160px; height:60px; overflow:hidden; }
#gud-to ul li.gudto2 { background-image:url(../images/bg2-gd.gif); width:160px; height:60px; overflow:hidden; }
#gud-to ul li.gudto3 { background-image:url(../images/bg3-gd.gif); width:160px; height:60px; overflow:hidden; }
#gud-to ul li.gudto4 { background-image:url(../images/bg4-gd.gif); width:160px; height:60px; overflow:hidden; }
#gudtitl { float: left; width: 672px; margin: 25px 0px 20px 0px; font-family: Verdana; overflow:hidden; }
#gudtitl p { color:#666; line-height:15px; font-size:10px; text-align:left; margin:0px 0px 3px 0px; }
#gudtitl p a { color:#666; text-decoration:none; }
#gudtitl p a:hover { text-decoration:underline; }
#gudtitl ul { float: left; width: 446px; }
#gudtitl ul li { width: 446px; overflow: hidden; }
#gudtitl ul li.gutl-bt, #gudtitl ul li.gutl-bt a { font-family: Arial; font-size: 16px; font-weight: bold; color: #3770a5; text-decoration: none; line-height: 25px; }
#gudtitl ul li.gutl-bt a:hover{ text-decoration:underline;}

 
#guides_index{ padding:20px 0 0 0; float:left; width:671px}
#guides_index .title{ border-bottom: solid 1px #3770a5; padding:0 0 5px 0; height:16px; width:671px;}
#guides_index .title h2{ color:#3770a5; font-size:14px; float:left; width:500px; display:block}
#guides_index .title span { float:right; width:50px; display:block}
#guides_index .title span a{ color:#F30; }
#guides_index ul{ padding:0 0 0 0}
#guides_index ul li.gutl-mg { width:273px; overflow:hidden; text-align:center; margin:10px 20px 0 0;  }
#guides_index ul li.gutl-txt { width:327px; overflow:hidden; margin:10px 0 0 10px; }
#guides_index ul li.gutl-txt ul{ display:block; float:left; width:450px;} 
#guides_index ul li.gutl-txt ul li{ float:left; width:440px; margin:5px 0; background:url(/images/arrow1.gif) no-repeat 0 4px; padding:0 0 0 10px} 
#guides_index ul li.gutl-txt ul li h3{ font-size:11px; font-weight:normal} 


#tips{ margin:20px 0 0 0; float:left; width:671px;}
#tips .title{ padding:0 0 5px 0; border-bottom: solid 1px #3770a5; width:671px;  }
#tips .title h2{ color:#3770a5; font-size:14px; float:left; width:500px; display:block}
#tips .title span { float:right; width:50px; display:block}
#tips .title span a{ color:#F30;  }
#tips ul{ padding:10px 0 10px 10px; width:652px;} 
#tips ul li { float:left; width:285px; margin:5px 0; background:url(/images/arrow1.gif) no-repeat 0 4px; padding:0 0 0 10px; margin-right:31px;} 


#tags{ margin:20px 0 0 0; float:left; width:671px;}
#tags .title{ padding:0 0 5px 0; border-bottom: solid 1px #3770a5; width:671px;  }
#tags .title h2{ color:#3770a5; font-size:14px; float:left; width:500px; display:block}
#tags .title span { float:right; width:50px; display:block}
#tags .title span a{ color:#F30;  }
#tags ul{ padding:10px 0 10px 10px; width:652px;} 
#tags ul li { float:left; width:185px; margin:5px 0; background:url(/images/arrow1.gif) no-repeat 0 4px; padding:0 0 0 10px; margin-right:21px;} 


#new_released_index{ margin:20px 0 0 0; float:left; width:671px;}
#new_released_index .title{ padding:0 0 5px 0; border-bottom: solid 1px #3770a5; width:671px;}
#new_released_index .title h2{ color:#3770a5; font-size:14px; float:left; width:500px; display:block}
#new_released_index .title span { float:right; width:50px; display:block}
#new_released_index .title span a{ color:#F30; }
#new_released_index ul{ padding:10px 0 10px 10px; width:652px;} 
#new_released_index ul li { float:left; width:285px; margin:5px 0;background:url(/images/arrow1.gif) no-repeat 0 4px; padding:0 0 0 10px; margin-right:31px;} 
#new_released_index ul li a{ width:200px; display:block; float:left;}
#new_released_index ul li span{  width:75px; display:block; float:right;}


.new_right_product_list h1 { background-image:url(../images/common/r_list_title_index.gif); background-repeat:no-repeat; background-position:top left; color:#FFFFFF; font-size:14px; line-height:24px; }
.new_right_product_list { background-image:url(../images/common/r_product_list_bottom.gif); }
.new_right_news_list h1 { background-image: url(../images/common/r_list_title_index.gif); background-repeat:no-repeat; background-position:top left; color:#FFFFFF; font-size:14px; line-height:24px; }
#main div div .ad {
	display: block;
	clear: both;
	height: 280px;
	width: 900px;
	overflow: hidden;
}
#main div div .ad li {
	list-style-type: none;overflow: hidden;
}
#main div div .but {
	height: 20px;
	width: auto;
	position: absolute;
	line-height:20px;
	clear: both;
	position:absolute;
	bottom:11px;
	right:-30px;
	z-index:10;
}
#main div div .but ul li a {
	color: #FFF;
	text-decoration: none;
}

#main div div .but ul li {
	display: inline;
	list-style-type: none;
	text-align: right;
	background-color: #FF3801;
	margin:3px;
	float: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

.index_top_pro { width:672px; height:267px; margin-bottom:10px; position:relative; background:url(http://m4.mp4converter.net/images/common/index_top_pro_bg.jpg) no-repeat; }
.index_top_pro.new { background:url(http://m5.mp4converter.net/images/common/index_top_pro_new_bg.jpg) no-repeat; }
.index_top_pro p { line-height:18px; margin-bottom:5px; color:#666; }

.index_top_pro .pro_tab { width:240px; position:absolute; left:15px; top:8px; font-size:10px; font-weight:bold; }
.index_top_pro .pro_tab p { padding-left:5px; }
.index_top_pro .pro_tab p a { text-decoration:underline; margin-left:18px; }
.index_top_pro .pro_tab p a:hover { text-decoration:none; }
.index_top_pro .pro_tab ul { width:100%; overflow:hidden; }
.index_top_pro .pro_tab ul li { float:left; }
.index_top_pro .pro_tab ul li a { display:block; height:21px; width:70px; text-align:center; line-height:21px; color:#fff; outline:none; }
.index_top_pro .pro_tab ul li.a1 a { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) left 0 no-repeat; }
.index_top_pro .pro_tab ul li.a2 a { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) -70px 0 no-repeat; }
.index_top_pro .pro_tab ul li.a3 a { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) -140px 0 no-repeat; }
.index_top_pro .pro_tab ul li.a1 a.tab_on { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) 0 -22px no-repeat; }
.index_top_pro .pro_tab ul li.a2 a.tab_on { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) -70px -22px no-repeat; }
.index_top_pro .pro_tab ul li.a3 a.tab_on { background:url(http://m6.mp4converter.net/images/common/family_tab_li_bg2.png) -140px -22px no-repeat; }
.index_top_pro .pro_tab ul.other li a { display:block; height:21px; width:105px; line-height:21px; color:#fff; outline:none; }
.index_top_pro .pro_tab ul.other li.a1 a { background:url(http://m5.mp4converter.net/images/common/family_tab_li_bg3.png) left 0 no-repeat; }
.index_top_pro .pro_tab ul.other li.a2 a { background:url(http://m5.mp4converter.net/images/common/family_tab_li_bg3.png) -105px 0 no-repeat; }
.index_top_pro .pro_tab ul.other li.a1 a.tab_on { background:url(http://m5.mp4converter.net/images/common/family_tab_li_bg3.png) 0 -22px no-repeat; }
.index_top_pro .pro_tab ul.other li.a2 a.tab_on { background:url(http://m5.mp4converter.net/images/common/family_tab_li_bg3.png) -105px -22px no-repeat; }

.index_top_pro dl { width:100%; overflow:hidden; }
.index_top_pro dl dt { float:left; width:210px; text-align:center; display:inline; color:#ff6500; font-weight:bold; margin:60px 0 15px 15px; }
.index_top_pro dl dt del { font-weight:normal; color:#666; }

.index_top_pro dl dd { float:right; width:385px; margin:15px 25px 15px 0; }
.index_top_pro dl dd h1 { font-weight:normal; font-size:20px; padding-bottom:12px; }
.index_top_pro dl dd h1 span { color:#999; }
.index_top_pro dl dd .sub_title { font-size:14px; color:#36c; margin-bottom:3px; }
.index_top_pro dl dd p a { color:#ff6500; margin-left:10px; }
.index_top_pro dl dd .btn { width:100%; overflow:hidden; padding:18px 0 0 0; }
.index_top_pro dl dd .btn li { float:left; margin-right:40px; padding-top:2px; }
.index_top_pro dl dd .btn li.download { padding-left:28px; background: url(../images/common/s_down.gif) no-repeat; }
.index_top_pro dl dd .btn li.buy { padding-left:33px; background:url(../images/common/s_buy.gif) no-repeat; }
.index_top_pro dl dd .btn li a { line-height:24px; font-weight:bold; text-decoration:underline; }
.index_top_pro dl dd .btn li a:hover { text-decoration:none; color:#ff6500; }

.index_top_pro .jump_link { width:180px; height:30px; position:absolute; right:0; bottom:0;}

