/*  
	name:tibet tour index sheet  
	date:2011.7.12
	author:chen
	email:itechen@gmail.com
*/

/*
	全局通用css
*/
#wrapper{
width:695px;
margin:10px auto;
color:#000;
font:13px  Arial, Helvetica, sans-serif;
}
#wrapper ul{
list-style-type:none;
}
#wrapper a{
text-decoration:none;
color:#666;
}
#wrapper img{
border:none;
display:block;
}
#wrapper p{
line-height:180%;
padding:10px 8px;
}
#wrapper div.secondContent p,#wrapper div.thirdContent p{
padding-top:0px;
}
#wrapper h1,#wrapper h2{
font-size:18px;
color:#990100;
}
#wrapper h2{
clear:left;
padding-left:14px;
background:url(../images/tibet_tour_index/ico_h2title.gif) no-repeat left 4px;
}
#wrapper ul li:hover{
background:#f4ecd7;
}
#wrapper ul li a:hover{
color:#2368c7;
}
div.bottomBg{
background:#ededed url(../images/tibet_tour_index/secondBottom.gif) no-repeat left bottom;
float:left;
width:693px;
height:11px;
margin-top:-20px;
}

/* firstContent */
#wrapper h2.h2title{
color:#fff;
background:url(../images/tibet_tour_index/pic_joinTours.gif) no-repeat left top;
height:29px;
line-height:29px;
padding-left:10px;
margin:0px;/* 消除继承*/
}
div.firstContent{
border:1px solid #990100;
float:left;
width:693px;
margin-bottom:10px;
} 
div.firstContent p{
position:relative;
width:560px; 
}
div.firstContent p img{
position:absolute;
left:585px;
top:10px;
}
div.firstContent dl{
position:relative;
float:left;
margin:11px 17px 8px 0px;
width:208px;
height:143px; 
background:url(../images/tibet_tour_index/old-woman-prayer-wheel208.jpg) no-repeat left top;
}
div.firstContent dl:hover{
	background-position:left bottom;
}
div.firstContent dl+dl{
background:url(../images/tibet_tour_index/tibet-nature208.jpg) no-repeat left top;
}
div.firstContent dl+dl+dl{
background:url(../images/tibet_tour_index/everest-base208.jpg) no-repeat left top;
}
div.firstContent dl a{
	display:block;
	width:208px;
height:143px; 
}
div.firstContent>p+dl{
margin-left:17px;
}
div.firstContent dl dd{
position:absolute;
color:#fff;
bottom:0px;
}
div.firstContent dl dt+dd{
background:url(../images/tibet_tour_index/firstContentBg.png) no-repeat left bottom;
width:208px;
height:44px;
filter: Alpha(opacity=40); /* IE */
-moz-opacity:0.7; /* FF 主要是为了兼容老版本的FF */
opacity:0.7; /* FF */
}
div.firstContent dl dt+dd+dd{
padding:3px;
line-height:19px;
font-size:12px;
}
div.firstContent dl dd span{
color:#fcff00;
margin-left:5px;
}

/* secondContent */ 

div.secondContent{
float:left;
width:693px;
background:#ededed url(../images/tibet_tour_index/secondTop.gif) no-repeat left top;
margin:10px 0px 10px 0px;;
padding-bottom:10px;
}
div.secondContent dl{
float:left;
width:210px;
height:130px;
margin:11px 15px 0px 0px; 
position:relative;
cursor:pointer;
}
div.secondContent dl dt{
	background:url(../images/tibet_tour_index/lhasa-surrounding-tour210.jpg) no-repeat 0 0%;
	width:210px;
	height:130px;
}
div.secondContent dl dt:hover,div.secondContent dl+dl dt:hover,div.secondContent dl+dl+dl dt:hover{
	background-position:0 100%;
}
div.secondContent dl+dl dt{
	background:url(../images/tibet_tour_index/mount-everest-tour210.jpg) no-repeat 0 0%;
}
div.secondContent dl+dl+dl dt{
	background:url(../images/tibet_tour_index/mount-kailash-tour210.jpg) no-repeat 0 0%;
}
div.secondContent dl:first-child{
margin-left:15px;
}
div.secondContent dl dd{
position:absolute;
color:#fff;
bottom:0px;
}
div.secondContent dl dt+dd{
background:url(../images/tibet_tour_index/secondContentBg.png) no-repeat left bottom;
width:210px;
height:32px;
filter: Alpha(opacity=40); /* IE */
-moz-opacity:0.7; /* FF 主要是为了兼容老版本的FF */
opacity:0.7; /* FF */
}
div.secondContent dl dt+dd+dd{
background:url(../images/tibet_tour_index/ico_secondContent.gif) no-repeat 100% 60%;
width:195px;
height:32px;
line-height:32px;
left:10px;
bottom:0px;
}
div.secondContent dl dt+dd+dd.ico_hover{
background:url(../images/tibet_tour_index/ico_secondContent_hover.png) no-repeat 100% 60%;
}
div.secondContent dl dt+dd+dd+dd{
background:url(../images/tibet_tour_index/secondContentBg.gif) no-repeat left bottom;
width:79px;
height:20px;
left:131px;
bottom:32px;
padding-left:6px;
}

/* secondContent */
div.secondContent div.bgTop1{
background:url(../images/tibet_tour_index/secondTop_hover1.png) no-repeat left top;
height:25px; 
border:none;
width:665px;
margin:0px;
}
div.secondContent div.bgTop2{
background:url(../images/tibet_tour_index/secondTop_hover2.png) no-repeat left top;
height:25px; 
border:none;
width:665px;
margin:0px;
}
div.secondContent div.bgTop3{
background:url(../images/tibet_tour_index/secondTop_hover3.png) no-repeat left top;
height:25px; 
border:none;
width:665px;
margin:0px;
}
div.secondContent div.bgBottom{
background:url(../images/tibet_tour_index/secondBottom_hover.gif) no-repeat left bottom;
height:10px;
border:none;
width:665px;
margin:0px;
}
div.secondContent div.bgTop1+div,div.secondContent div.bgTop2+div,div.secondContent div.bgTop3+div{ 
margin:0px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
div.secondContent div{ 
width:663px;
background:#fff;
float:left;
margin-left:14px;
}
div.secondContent div p{
float:left;
width:200px;
}
div.secondContent div ul{
float:right;
width:430px;
padding:0px 8px;
}
div.secondContent div ul li{
background:#f5f5f5;
margin-top:4px;
height:22px;
line-height:22px;
width:410px;
padding-left:15px;
}
div.secondContent div ul li a{
	background:url(../images/tibet_tour_index/liBg.gif) no-repeat right center;
	width:405px;
	display:block;
}
div.secondContent div ul li a:hover{
	background:url(../images/tibet_tour_index/liBg_hover.gif) no-repeat right center;
}
/* thirdContent */
 
div.thirdContent{
float:left;
width:693px;
background:#ededed url(../images/tibet_tour_index/secondTop.gif) no-repeat left top;
margin:10px 0px 10px 0px;;
padding-bottom:10px;
}
div.thirdContent dl{
float:left;
width:155px;
height:130px;
margin:8px 14px 0px 0px;
position:relative;
cursor:pointer;
}
div.thirdContent dl:first-child{
margin-left:15px;
}
div.thirdContent dl dt{
	background:url(../images/tibet_tour_index/tibet-hiking-tour155.jpg) no-repeat 0 0%;
	width:155px;
	height:130px;
}
div.thirdContent dl dt:hover,div.thirdContent dl+dl dt:hover,div.thirdContent dl+dl+dl dt:hover,div.thirdContent dl+dl+dl+dl dt:hover{
	background-position:0 100%;
}
div.thirdContent dl+dl dt{
	background:url(../images/tibet_tour_index/cycling-tibet-tour155.jpg) no-repeat 0 0%;
}
div.thirdContent dl+dl+dl dt{
	background:url(../images/tibet_tour_index/railway-tibet155.jpg) no-repeat 0 0%;
}
div.thirdContent dl+dl+dl+dl dt{
	background:url(../images/tibet_tour_index/tibet-festival-tour155.jpg) no-repeat 0 0%;
}
div.thirdContent2 dl dt{
	background:url(../images/tibet_tour_index/tibet-kathmandu-overland-tour-155.jpg) no-repeat 0 0%;
}
div.thirdContent2 dl+dl dt{
	background:url(../images/tibet_tour_index/chengdu-tibet-overland-155.jpg) no-repeat 0 0%;
}
div.thirdContent2 dl+dl+dl dt{
	background:url(../images/tibet_tour_index/yunnan-tibet-overland-155.jpg) no-repeat 0 0%;
}
div.thirdContent2 dl+dl+dl+dl dt{
	background:url(../images/tibet_tour_index/xining-tibet-overland-155.jpg) no-repeat 0 0%;
}
div.thirdContent3 dl dt{
	background:url(../images/tibet_tour_index/beijing-lhasa-tour-155.jpg) no-repeat 0 0%;
}
div.thirdContent3 dl+dl dt{
	background:url(../images/tibet_tour_index/shanghai-tibet-tours-155.jpg) no-repeat 0 0%;
}
div.thirdContent3 dl+dl+dl dt{
	background:url(../images/tibet_tour_index/chengdu-tibet-tour-155.jpg) no-repeat 0 0%;
}
div.thirdContent3 dl+dl+dl+dl dt{
	background:url(../images/tibet_tour_index/china-tibet-tour-155.jpg) no-repeat 0 0%;
}
div.thirdContent dl dd{
position:absolute;
color:#fff;
bottom:0px;
}
div.thirdContent dl dt+dd{
background:url(../images/tibet_tour_index/secondContentBg.png) no-repeat left bottom;
width:155px;
height:22px;
filter: Alpha(opacity=40); /* IE */
-moz-opacity:0.7; /* FF 主要是为了兼容老版本的FF */
opacity:0.7; /* FF */
}
div.thirdContent dl dt+dd+dd{
background:url(../images/tibet_tour_index/ico_secondContent.gif) no-repeat 100% 65%;
width:140px;
left:10px;
bottom:0px;
height:22px;
line-height:22px;
}
div.thirdContent dl dt+dd+dd.ico_hover{
background:url(../images/tibet_tour_index/ico_secondContent_hover.png) no-repeat 100% 60%;
}

/* thirdContent */
div.thirdContent div.bgTop1{
background:url(../images/tibet_tour_index/thirdTop1.gif) no-repeat left top;
height:25px;
border:none;
width:665px;
margin:0px;
}
div.thirdContent div.bgTop2{
background:url(../images/tibet_tour_index/thirdTop2.gif) no-repeat left top;
height:25px;
border:none;
width:665px;
margin:0px;
}
div.thirdContent div.bgTop3{
background:url(../images/tibet_tour_index/thirdTop3.gif) no-repeat left top;
height:25px;
border:none;
width:665px;
margin:0px;
}
div.thirdContent div.bgTop4{
background:url(../images/tibet_tour_index/thirdTop4.gif) no-repeat left top;
height:25px;
border:none;
width:665px;
margin:0px;
}
div.thirdContent div.bgBottom{
background:url(../images/tibet_tour_index/secondBottom_hover.gif) no-repeat left bottom;
height:10px;
border:none;
width:665px;
margin:0px;
}
div.thirdContent div.bgTop1+div,div.thirdContent div.bgTop2+div,div.thirdContent div.bgTop3+div,div.thirdContent div.bgTop4+div{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin:0px;
}
div.thirdContent div{
width:663px;
background:#fff;
float:left;
margin-left:14px;
}
div.thirdContent div p{
float:left;
width:280px;
}
div.thirdContent div ul{
float:right;
width:350px;
padding:0px 8px;
}
div.thirdContent div ul li{
background:#f5f5f5;
margin-top:4px;
height:22px;
line-height:22px;
width:330px;
padding-left:15px;
}
div.thirdContent div ul li a{
	background:url(../images/tibet_tour_index/liBg.gif) no-repeat right center;
	width:325px;
	display:block;
}
div.thirdContent div ul li a:hover{
	background:url(../images/tibet_tour_index/liBg_hover.gif) no-repeat right center;
}

/* contact */
div.contact{
float:left;
width:673px;
background:#F6F6F6;
margin-top:20px;
margin-bottom:20px;
border: 2px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
padding: 5px 9px;
}
#wrapper div.contact p{
width:460px;
float:left;
padding:0px 8px 0px 0px;
margin-bottom:0px;
}
#wrapper div.contact a{
float:right;
background:url(../images/tibet_tour_index/btn_contact.gif) no-repeat left top;
width:190px;
height:33px;
text-indent:-9999px;
margin-top:22px;
} 
#wrapper div.contact a:hover{
background-position:left bottom;
}
 /*添加的TAB*/.thirdContent4 .city-1 {	background: url("/images/tibet_tour_index/from-beijing.jpg") no-repeat 0 0;}.thirdContent4 .city-2 {	background: url("/images/tibet_tour_index/from-chengdu.jpg") no-repeat 0 0;}.thirdContent4 .city-3 {	background: url("/images/tibet_tour_index/from-shanghai.jpg") no-repeat 0 0;}.thirdContent4 .city-4 {	background: url("/images/tibet_tour_index/from-guangzhou.jpg") no-repeat 0 0;}
.thirdContent4 dt:hover {	background-position: 0 0;	opacity: 0.8;	filter: alpha(opacity=80);}
.thirdContent5 .whogo-1 {	background: url("/images/tibet_tour_index/family-tour.jpg") no-repeat 0 0;}.thirdContent5 .whogo-2 {	background: url("/images/tibet_tour_index/youth-tour.jpg") no-repeat 0 0;}.thirdContent5 .whogo-3 {	background: url("/images/tibet_tour_index/student-tour.jpg") no-repeat 0 0;}.thirdContent5 .whogo-4 {	background: url("/images/tibet_tour_index/seniors.jpg") no-repeat 0 0;}.thirdContent5 dt:hover {	background-position: 0 0;	opacity: 0.8;	filter: alpha(opacity=80);}



/*上部fix-departure样式*/
.fixDe{
	border:3px solid #FFD8A0;
	border-radius:3px;
	padding:10px 5px;
	margin:0 0 10px 0;
}
.fixDe h3{
	padding:0 0 0 5px;
}
.onefix{
	margin:0 10px; 
	width:200px; 
	min-height:100px; 
	float:left;
	overflow:hidden;
	border-radius: 0 0 5px 5px;
}
.onefix:hover{
	background:#f0f0f0;
}
.onefix h4{
	padding:0 5px;
}
#wrapper .onefix h4 a{
	color:#7e0122;
}
.onefix p{
	padding:3px 5px; 
	margin:0; 
	text-align:right;
}