﻿/*景点门票页面样式*/
#main{margin: 10px auto;}
#main em{color: #FF5C00;font-family: Arial;font-weight: bold;}
#main em.del{color: #999;font-weight: normal;text-decoration: line-through;}

.index{width: 960px;overflow: hidden;}
.index .outer{width: 980px;overflow: hidden;padding-bottom: 10px;}
.index h2.hd{background: #FFF;border-bottom: 3px solid #FF5C00;height: 24px;line-height: 24px;padding: 5px 0 10px 0;}
.index h2.hd span{float: right;}
.index h2.hd b{color: #222;font: bold 16px/24px "微软雅黑","宋体",Arial;text-shadow: 1px 1px 1px #888;}
.product dl{background: #FFF;border: 1px solid #E5E5E5;border-radius: 3px;box-shadow: 0 3px 10px #E5E5E5;display: inline;float: left;margin: 15px 15px 0 0;padding: 10px;width: 288px;}
.product dl:hover{border: 2px solid #FFC198;box-shadow: 0 3px 10px #FFC198;padding: 9px;}
.product dt{height: 216px;overflow: hidden;width: 288px;}
.product dt img{border-radius: 3px;}
.product dt a{display: block;height: 216px;overflow: hidden;position: relative;width: 288px;}
.product dt a div{border-radius: 3px;cursor: pointer;display: none;height: 196px;overflow: hidden;padding: 10px;position: absolute;left: 0;top: 0;width: 268px;}
.product dt a div.bg{background: #000;filter:alpha(opacity=70);opacity:0.7;}
.product dt a div.text{color: #FFF;line-height: 20px;text-align: justify;}
.product dt a div .inner{height: 196px;width: 268px;padding: 0;position: relative;}
.product dt a div .inner .more{color: #FF0;display: inline-block;height: 18px;line-height: 18px;position: absolute;top: 178px;left: 208px;width: 60px;}
.product dt a.on div{display: block;}
.product dd{margin-top: 5px;overflow: hidden;}
.product dd.title{height: 40px;overflow: hidden;}
.product dd.title a{color: #01A2FF;font: bold 16px/20px "微软雅黑","宋体",Arial;text-shadow: 1px 1px 1px #BAE4FC;}
.product .buy{height: 31px;}
.product .buy .order{float: right;}
.product .buy .order a{background: url(../images/btnbg.gif) no-repeat 0 0;cursor: pointer;display: inline-block;height: 31px;width: 80px;}
.product .buy .order a:hover{background-position: 0 -32px;}
.product .buy .price{color: #666;height: 31px;line-height: 33px;padding-right: 7px;float: left;}
.product .buy .price em{font-size: 25px;}
.product .buy .price em.del{font-size: 12px;}

.titleBox{background: #FFF;border-bottom: 3px solid #FF5C00;padding-bottom: 5px;}
#main .titleBox em{color: #333;font-weight: normal;}
.titleBox ul{margin-bottom: 5px;width: auto;}
.titleBox b{background: #FF5C00;border-radius: 3px;color: #FFF;display: inline-block;font-weight: normal;padding: 0 12px;}
.titleBox li{float: left;height: 24px;line-height: 24px;margin-right: 15px;}
.titleBox li a.cur{color: #FF5C00;text-decoration: underline;}