/* 
    Document   : common
    Created on : 2009-12-1, 9:52:06
    Author     : qcs52
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{ font-family:Verdana; } 
.main{width:950px;margin:0 auto;font-size:12px;line-height:normal;color:#646464;}
.clear{clear:both;}
.b{color:blue;}
a{text-decoration:none;color:#646464;}
a:hover{text-decoration:underline;}
.a-y:hover{color:#FF6600;}
.a-b:hover{color:#0000EE;}
.top-head{height:110px;margin-bottom:12px;}
.logo{width:250px;height:70px;float:left;}
.banner{float:right;margin-bottom:3px;}
.lang-select{padding-top:5px;height:22px;float:right;}
.lang-select a{display:inline-block; width:51px; height:22px; color:#000; line-height:22px; text-align:center; float:left;}
.lang-select a.lang-zh{ background:url(images/oppo_bd_bg.png) no-repeat -176px -54px ;}
.lang-select a.lang-zh-on{ background:url(images/oppo_bd_bg.png) no-repeat -283px -54px ; color:#FFF;}
.lang-select a.lang-en{ background:url(images/oppo_bd_bg.png) no-repeat -334px -54px ;}
.lang-select a.lang-en-on{ background:url(images/oppo_bd_bg.png) no-repeat -227px -54px ; color:#FFF;}
.top-link{padding-top:25px;clear:both;text-align:right;}
.top-blank{height:20px; clear:both;width:100px;}
.top-order{height:29px;width:190px; line-height:29px; background:transparent url(images/order-item-bg.gif) no-repeat 0 0; float:right; padding-left:30px; }
.top-order a {color:#FE5A01;display:block;float:left;text-decoration:none;}
.top-order a:hover{text-decoration:underline;}
.order-car{width:80px;  margin-right:40px; }
.order-car em {color:#933ADC;font-style:normal;font-weight:normal;}
.spec{color:red;font-weight:bold;}
.orange{color:#FFFF33;font-weight:bold;}
.top-nav{clear:both;height:30px;padding:3px 25px;width:900px;background:transparent url(images/oppo_bd_bg.png) no-repeat scroll 0 0;}
.top-nav li{float:left;height:30px;line-height:30px;margin:0 4px;}
.top-nav li a{color:#FFF;text-decoration:none;font-size:12px;display:inline-block;height:30px;padding-left:12px;}
.top-nav li a span{display:block;padding-right:12px;}
.top-nav li a:hover{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll 0 -52px;}
.top-nav li a:hover span{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll right -172px;}
.top-nav li.on{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll 0 -52px;}
.top-nav li.on a{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll 0 -52px;}
.top-nav li.on a span{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll right -172px;}


.footer {clear:both;margin:20px auto 0;width:950px;color:#000;}
.footer_link{background:transparent url(images/oppo_bd_bg.png) no-repeat scroll 0 bottom;height:36px;float:left;}
.footer_link li{width:152px;float:left;text-align:center;}
.footer_link li dl dt{font-size:12px;font-weight:bold;height:36px;line-height:36px;margin-bottom:5px;}
.footer_link li dl dd{padding:0;text-align:center;line-height:22px;}
.footer p{clear:both;text-align:center;padding-top:20px;}
.footer p img{vertical-align:middle;}

/*************************intro******************************/
.intro { border:1px solid #DDDDDD; margin:42px auto 0; position:relative; width:948px;
}
.intro_tab { left:-1px; position:absolute; top:-27px; width:900px; }

.intro_tab dd.on { background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:bold; }
.intro_tab dd {
background-color:#F4F4F4;
border:1px solid #DDDDDD; cursor:pointer;
float:left; height:25px; line-height:25px; margin-right:3px; text-align:center;
width:90px;
}
.intro{ width:948px; border:1px #ddd solid;  position:relative; margin-top:30px; margin:0 auto; margin-top:42px;}
.intro ul{ padding:20px;}
.intro ul li{ line-height:20px;}
.intro ul li.bold{ font-weight:bold;line-height:30px;}
.intro ul li.img{ text-align:center; padding:20px 0;}
.intro-tbl{color:#000;}
.intro-tbl ul{padding:20px 0px;}
.intro_t2{position:relative; color:#000;}
.intro_t21{position:absolute; top:315px; left:550px;text-align: left;}
.intro_t22{position:absolute; top:468px; left:470px;text-align: left;}


.bd_pic_show{ position:relative; height:112px; padding-left:30px; padding-top:5px; width:482px; margin:0 auto;}
.bd_pic_show a.l{background:url(images/oppo_bd_bg.png) -28px -156px no-repeat; display:inline-block; width:18px; height:0; padding-top:30px; overflow:hidden; position:absolute; top:30px; left:2px;}
.bd_pic_show a.r{background:url(images/oppo_bd_bg.png) 0px -156px no-repeat; display:inline-block; width:18px;height:0; padding-top:30px; overflow:hidden; position:absolute; top:30px; right:2px;}
.bd_pic_show dl{height:102px; width:470px; overflow:hidden;}
.bd_pic_show dd{ float:left; margin-right:15px; border:1px #ddd solid; width:100px; height:100px; cursor:pointer;}
.bd_pic_show dd span{
 text-align:center;
 display:block;
 width:100px;
 height:100px;
 line-height:100px; text-align:center; display:table-cell; vertical-align:middle; *font-size:70px;*display:block;
}




/*bd历程*/
.know_left{ width:160px; float:left; }
.know_left li{ width:156px; height:50px; cursor:pointer; line-height:50px; text-align:center; font-size:14px; font-weight:bold; border:2px #dedede solid; background-color:#fafafa; margin-bottom:10px; color:#878787;}
.know_left li img{ display:none;}
.know_left li.on{ border:2px #84c9ff solid; background-color:#ebf7ff; color:#40abff; position:relative;}
.know_left li.on img{ display:block; position:absolute; left:158px; top:15px;}
.know_right{border:1px #ddd solid; width:765px;overflow:hidden; float:right; margin-bottom:30px;}
.know_right ul{ padding:10px 20px; padding-bottom:50px;}
.know_right ul li{ line-height:25px;  font-size:14px; color:#000;}
.know_right ul li div{ padding:10px 20px; line-height:20px; font-weight:normal; font-size:12px; color:#646464;}
.know_right ul li div p{ text-indent:2em; padding-bottom:10px;}
.know_right ul li a{ color:#000;}
.bd_pic_show dd.borc{ border:1px #9933cc solid;}

/*帮助信息*/
.help_left{ width:180px; float:left; }
.help_left li{ width:180px; height:36px; cursor:pointer; line-height:36px; text-align:center; font-size:14px; font-weight:bold; margin-top:5px; color:#000;background:url(images/oppo_bd_bg.png) -294px -154px no-repeat;}
.help_left li.on{ background:url(images/oppo_bd_bg.png) -488px -154px no-repeat;color:#40abff;}
.help_right{border:1px #ddd solid; width:765px;overflow:hidden; float:left; margin-bottom:30px;}
.help_right ul{ padding:10px 20px; padding-bottom:50px;}
.help_right ul li{
	line-height:20px;
	color:#000;
	padding-bottom:5px;
}
.help_right ul li.title{font-size:14px; font-weight:bold; padding-bottom:15px;color:#000;}
.help_right ul li.bold{font-weight:bold; color:#000;}
.help_right ul li strong{ font-weight:bold;}
.help_right li a{ color:#00f;}

/*OPPO诞生*/
.oppo_dansheng{ padding:30px 50px;}
.oppo_dansheng li{ line-height:20px; font-size:14px; color:#646464; text-indent:2em; padding-bottom:50px;}
.oppo_dansheng li.img{ text-align:center;}
.list_wrap{width:948px; border:1px #ddd solid;  margin:0 auto; margin-top:12px; clear:both; overflow:hidden;}
.list_wrap h2{ height:36px; width:948px;background:url(images/oppo_bd_bg.png) 0px -214px no-repeat; line-height:32px;text-indent:32px;}
.list_wrap h2 span{ float:right; color:#f00; padding-right:10px;}
.disk_list ul{ padding-top:30px; overflow:hidden; border-bottom:1px #ddd dotted; width:908px; margin-left:20px;  padding-bottom:15px;}
.disk_list ul li{ width:290px; height:145px; float:left; margin-right:11px;}
.disk_list ul li a.img_link{ display:block; width:115px; height:135px; float: left; overflow:hidden;}
.disk_list ul li dl{height:145px;width:160px; float:right; color:#646464;}
.disk_list ul li dl dd{ line-height:24px ; overflow:hidden;}
.disk_list ul li dl dd{ line-height:20px; }
.disk_list ul li dl dd strong.prc{ color:#ff8400; font-weight:bold;}
.disk_list ul li dl dd a.buy{ width:94px; height:30px; overflow:hidden; display:inline-block;background:url(images/oppo_bd_bg.png) -73px -158px no-repeat;color:#FFF;
     line-height:26px; text-align:center; font-weight: bold;font-size:14px;}
.dpic{float:left;}
.to_top{ margin-top:20px; padding-right:10px;height:30px;}
.to_top a.top{float:right; width:77px; text-align:center; height:20px ; padding-left:4px;line-height:20px;  overflow:hidden;  background:url(images/oppo_bd_bg.png) -193px -161px no-repeat;}
.to_top a{ color:#FFF;}
.to_top a:hover{text-decoration:none;}
.media-list{padding:20px 6px;}
.media-list a{color:#0066CC;}
.media-list a:hover{color:#990000;}


p#controls, p#controls2{margin:0;position:relative; background-color:#09F}
#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:20px;
	height:30px;
	position:absolute;
	left:-20px;
	top:-50px;
	}	
#nextBtn{ 
	left:273px;
	}														
#prevBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/oppo_bd_bg.png) no-repeat  -28px -156px;
	}	
#nextBtn a{ 
	display:block;
	width:30px;
	height:77px;
	background:url(images/oppo_bd_bg.png) no-repeat  0 -156px;
	}
.img_field {
cursor:url('images/l_page.cur'),auto;
}
.img_field_1 {
cursor:url('images/r_page.cur'),auto;
}

#img_field{
	height:450px;
	width:900px;
	text-align:center;
}
#img_field span{	
    text-align:center;
	display:block;
	width:900px;
	height:450px;
	line-height:450px; text-align:center; display:table-cell; vertical-align:middle; *font-size:350px;*display:block;
}

.turn_to_pic_page {
height:25px;
line-height:25px;
margin:10px auto 0;
padding:5px 0;
width:600px;
text-align:center;
}

.turn_to_pic_page a {
background-color:#EEEEEE;
border:1px solid #DDDDDD;
color:#0033CC;
padding:2px;
text-decoration:none;
}
.turn_to_pic_page span {
font-size:14px;
font-weight:bold;
margin:0 12px;
}
#page_num {
color:#FF0000;
}
.shouhou img{ text-align:center; margin-left:260px;}
.shouhou p{ text-indent:2em;}
.footer_top{background:url(images/oppo_bd_bg.png) no-repeat  0px bottom; height:45px;}
.flowItem { width:152px;} 
.flowItem ul li{ padding:0; text-align:center;}

#know_tab li{ font-size:14px;}
.know_right ul{ padding:20px;}
.know_right ul li{text-indent:2em; padding:5px 0;}
.know_right ul li.img{ text-align:center;}
.know_right ul li a span{ color:#40ABFF; padding-right:30px;}




.pager_wrapper{margin:0 auto;text-align:center;clear:both;padding-top:30px;}
.pager_wrapper table{margin:0 auto;border-collapse:separate;}
.pager_wrapper table td{padding:0;margin:0;}
.paginator{border:0px solid #C7E1EF;margin:0;text-align:center;font-size:12px;}
.paginator a,.paginator span{margin:0 2px 0 0;padding:0 8px;float:left;line-height:24px;height:24px;border:1px solid #0083FE;width:auto;overflow:hidden;}
.paginator a{color:#797268;text-decoration:none;}
.paginator span{color:#EEE;}
.paginator span.current_page{color:#FFF;font-weight:bold;background:#0083FE;}
.paginator a:hover{background:#DFF6FF;}

.sitemap{line-height:24px; height:24px;}
.sitemap a{color:#BD0400;}

.celldetail{clear:both;}
.cellin{padding:10px 10px 0;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;border-top:2px solid #595959; width:928px;}
.detail-img{float:left; padding-right:5px; padding-top:5px; width:200px; height:200px; }
.detail-desc{float:right; width:360px; margin-top: 30px;}
.detail-desc h2{color:#000000; font-size:14px; font-weight:bold;line-height:28px;}
.price{padding:3px 0 ; border-bottom:1px dashed #DDDDDD;}
.cellbot{background:transparent url(images/goodsdetail_bg.png) no-repeat scroll -25px -930px;clear:both;height:16px;width:950px;}
.price_num{color:#BD0400;font-size:18px;font-weight:bold;}
.cellbuy{padding-top:5px; margin-bottom:20px;}
.cellcomt{margin:6px 0;}
.pbox{margin-top:10px;}
a.buy{ width:94px; height:30px; overflow:hidden; display:block;background:url(images/oppo_bd_bg.png) -73px -158px no-repeat;color:#FFF;
     line-height:26px; text-align:center; font-weight: bold;font-size:14px; }
.disbuy{width:94px; height:30px; overflow:hidden; display:block;background:url(images/disbtn.png) 0 0 no-repeat; color:#FFF;
     line-height:26px; text-align:center; font-weight: bold;font-size:14px; }
.buy_phone{height:40px;line-height:40px; font-size:20px; }
.yuanzhuang{margin:6px 0; color:red; font-size:16px;}

a.comment{color:#BD0400;}
.product_cont_top{background:transparent url(images/dvd_bg.png) no-repeat scroll -13px -83px;
clear:both;height:35px;line-height:35px;padding-left:1px;width:950px;}
.wrapper{margin-top:10px;}
.product_cont{border: 1px solid #DDDDDD; border-top:none; padding:20px; margin:0 auto;}
.snaps{margin-top:10px; }
.snaps img{max-width:908px; width: expression(this.width >908 && this.height < this.width ? 908: true);}
.celltitle{line-height:32px; color:#000; font-size:12px;font-weight:bold; border-bottom:1px dashed #EEE; }


.rect_bckgrd-L {
background-image:url(images/rectangle_bckgrd-L.jpg);background-repeat:no-repeat;height:226px;
margin-bottom:10px;position:relative;width:602px;z-index:10;}

.player-desc{text-align: left; font-weight: bold; position: absolute; z-index: 20; top: 150px; color: #000; }
.player-desc ul li{list-style-type:disc; font-size:12px;}
.player-desc-1{left: 12px; padding-left: 40px;}
.player-desc-2{right: 0px; padding-right: 70px;}

.modelnumber {color:#990000;
font-size:20px;font-weight:bold;
left:10px;position:absolute;top:5px;
z-index:25;}

.tagline {
color:#000000;font-size:15px;font-weight:bold;position:absolute;
right:10px;top:5px;z-index:25;}

.product-img {text-align:center;position:absolute;z-index:25; top:40px;width:600px;}
.more_info {
bottom:4px;font-weight:bold;padding-right:10px;padding-top:10px;position:absolute;right:8px;text-align:right;z-index:20;
}
.more_info a{color:#0066CC;}
.more_info a:hover{color:#990000;}
.share_subnav_left {
background:transparent url(images/dvd_bg.png) no-repeat scroll right -134px;
float:left;height:35px;padding-right:5px;
}
.product_cont_top ul li {
float:left;
}
.share_subnav_left li a {
color:#000000;
margin:0 4px;
padding:2px;
text-decoration:none;
}

.share_subnav_left li a.on {
background-color:#595959;
color:#FFFFFF;
font-weight:bold;
}

.border{border:1px solid #EEE;}
.showroom{border-bottom:1px dashed #eee; margin-bottom:10px; }
.showroom-img {padding:10px;float:left; }
.showroom-img img{width:600px; padding: 6px; border: 1px solid #CCC; background-color: #FFF; height:300px}
.showroom-text{padding:8px;float:left;}

.showroom-text ul{ width:280px;}
.showroom-text ul li{line-height:30px; float:left; width:240px; overflow:hidden;font-size:14px;}

/*******************------------ buy -----------********************/
.player{border-bottom:1px dashed #eee; margin-bottom:10px; }

.disk-tbl{margin:10px 20px;}
.tbl-detail{background:#F0F0F0 ;width:100%;}
.tbl-detail td, .tbl-detail th{ line-height:24px; padding:0 12px;}
.tbl-detail td{background:#FFF;}

.tbl-detail th{background:#FBFBFB ; width:180px;}
.player-img {padding:10px;float:left; }
.player-img img{width:120px;}
.player-text{padding:8px;float:left;}
.player-text h3{color:#EB6100; font-size:14px; font-weight:bold;}
.player-text h3 a{color:#0000FF ; text-decoration:none; }
.player-text h3 a:hover{color:#EB6100 ; text-decoration:underline; }

.player-price{margin:10px 0; line-height:24px; height:24px; }
.p-price{color:#FF0000;font-size:14px;font-weight:bold;}
.pln{color:#000;}
.blank{clear:both;}


.error{padding-top:200px; height:200px;font-size:14px; color:#FF0000;text-align:center; }
.broad{padding:20px; border:1px solid #EEE; font-size:14px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.broad h1{font-size:14px; font-weight:bold; line-height:30px; text-align:center; }
.broad .note-time{line-height:20px; margin:6px 0; height:20px; border-bottom:1px dashed #EEE;text-align:center; }
.broad-inc{padding:20px; min-height:300px; }
.broad-inc p{line-height: 2.2em; color: #000;}

.para {
border-bottom:1px solid #E2E2E2;
clear:both;
padding-bottom:20px;
}
.para dl dt {
background:#F8F8F8;
border-bottom:1px solid #F0F0F0;
color:#7D4D9C;
display:block;
font-size:14px;
line-height:28px;
min-height:28px;
padding-left:20px;
text-align:left;
}
.para dl {
border-color:#F0F0F0;border-style:solid solid none;
border-width:1px 1px 0;
margin:0 20px;
text-align:center;
}
.para dl dd {
background:#F8F8F8;
border-bottom:1px solid #F0F0F0;
line-height:200%;
min-height:22px;
overflow:hidden;
text-align:left;
}
.para dl dd.dleft {
text-align:center;
}

.para ul li.phfun {
font-weight:bold;
text-align:center;
}
.para ul li.phfun a {
color:#2E3192;
float:left;
width:15%;
}
.para strong {
display:block;
float:left;
font-weight:normal;
padding-left:5px;
padding-right:5px;
text-align:left;
width:180px;
}
.para span.oneDd {
color:#666666;
white-space:nowrap;
}
.para span.twoDd {
background:#FBFBFB;
border-left:1px solid #F0F0F0;
float:right;
padding:0 5px 0 10px;
width:650px;
}
.para1 {
width: 100%;
background-color:#333;
}
.para1 tr{
background-color:#fff;
}
.wlDl {width:650px;}
.wlDl span.twoDd {
background:#FBFBFB;
min-height:22px;
width:450px;
}
.py-list{list-style-type:decimal; }
.py-list{padding-left:30px;}

.tblist{border-collapse: collapse; }
.tblist th, .tblist td{border: 1px solid #CCC;}
.tblist th{text-align: left; padding-left:10px;}
.tblist td{text-align: center;}
.contrast{text-align:center;line-height: 2.4em;font-size:16px;color:#000;}
.buy_intro{color:#FF6600; font-size:14px; font-weight:bold;}