#tab {
	margin-right:-20px;
	margin-bottom:30px;
}
#tab li {
	width:calc(100% / 3 - 10px);
	margin-right:10px;
	float:left;	
}
.wedding #tab li.tab1 {
	background: url(../img/wedding/new2/tab2_off.png) no-repeat left top;
}
.wedding #tab li.tab2 {
	background: url(../img/wedding/new2/tab1_off.png) no-repeat left top;
}
.wedding #tab li.tab3 {
	background: url(../img/wedding/new2/tab3_off.png) no-repeat left top;
}
#tab li img {
	filter:alpha(opacity=0);
	-moz-opacity:0.00 ;
	opacity:0.00 ;
}

#tab li.selected img {
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.00 !important;
	opacity:1.00 !important;
}


.wedding_container {
	margin-right:-56px;
	margin-bottom:20px;
}
.wedding_container li {
	width:236px;
	height:282px;
	line-height:1;
	margin-right:28px;
	margin-bottom:28px;
	float:left;
	background:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	text-align:center;
	cursor:pointer;
}
.wedding_container li dl {
	padding:15px 13px;	
}
.wedding_container li dt {
	font-size:11px;
	color:#000;
	margin-bottom:10px;	font-family: 'Muli', sans-serif;
}
.wedding_container li dd a {
	width:209px;
	height:208px;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}
.wedding_container li dd {
	font-size:11px;
	font-family: 'Muli', sans-serif;
	color:#666;
}
.page {
	margin:auto;	
}
.page li {
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	border:#000 2px solid;
	float:left;
	margin:0 10px;
	font-family: 'Muli', sans-serif;
}
.page li.selected {
	background:#000;
}
.page li a {
	display:block;	
}
.page li.selected a {
	color:#FFF !important;	
}

#wedding_left {
	float:left;
	width:696px;	
}
#wedding_left ul {
	margin-right:-78px;	
}
#wedding_left li {
	float:left;
	width:206px;
	height:206px;
	margin:0 39px 39px 0;
	overflow:hidden;
	position:relative;
	z-index:0;
	cursor:pointer;
}
#wedding_right {
	float:right;
	width:270px;	
}

#wedding_right h4 {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:#ccc solid 1px;	
}
#wedding_right h4 span {
	display:block;
	font-family: 'Muli', sans-serif;
	color:#666;
	font-size:11px;
	margin-bottom:8px;
}
#wedding_right .cap {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:#ccc solid 1px;	
}
#wedding_right .section {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:#ccc solid 1px;	
}

#wedding_right .section h5 {
	line-height:0;
	margin-bottom:20px;	
}
#wedding_right .section dl {
	margin-top:10px;
}
#wedding_right .section dt {
	float:left;
	line-height:26px;
	width:170px;
}
#wedding_right .section dd {
	float:right;
	width:88px;
}
#wedding_right .section .voice {
	font-size:12px;
	margin-top:10px;
}

#overlay {
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:0%;
	background:#000;
	text-align:center;
	display:none;
	overflow:hidden;
}

#close {
	position:fixed;
	right:15px;
	top:15px;
	z-index:11;	display:none;cursor:pointer;
}
#next {
	position:fixed;
	right:15px;
	top:15px;
	z-index:11;	display:none;cursor:pointer;
}
#prev {
	position:fixed;
	left:15px;
	top:15px;
	z-index:11;	display:none;cursor:pointer;
}
#overlay .preloader {
	background:url(/img/loading2.gif) center center no-repeat ;
	display:block;
	
}

@media only screen and (max-width:738px){
#tab {
	margin-right:0px;
	margin-bottom:30px;
	
}
#tab li {
	width:calc(100% / 3);
	height:55px;
	text-align:center;
	overflow:hidden;
	margin-right:0px;
	float:left;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	box-sizing: border-box;
}
#tab li img {
	display:none;
}
#tab li.selected img {
	display:none;
}
#tab li a {
	display:block;
	height:55px;
}
.wedding #tab li.tab1 {
	background: url(../img/sp/t_2.png) no-repeat center top;
	background-size:74px 110px;
	border-right:2px solid #000;
}
.wedding #tab li.tab1.selected {
	background: url(../img/sp/t_2.png) no-repeat center -55px #000;
	background-size:74px 110px;
	border-right:2px solid #000;
}
.wedding #tab li.tab2 {
	background: url(../img/sp/t_3.png) no-repeat center top;
	background-size:74px 110px;
	
}
.wedding #tab li.tab2.selected {
	background: url(../img/sp/t_3.png) no-repeat center -55px #000;
	background-size:74px 110px;
}
.wedding #tab li.tab3 {
	background: url(../img/sp/t_4.png) no-repeat center top;
	background-size:74px 110px;
	
}
.wedding #tab li.tab3.selected {
	background: url(../img/sp/t_4.png) no-repeat center -55px #000;
	background-size:74px 110px;
}
.wedding_container {
	margin-right:10px;
	margin-bottom:20px;
	margin-left:10px;
}
.wedding_container li {
	
	height:190px;
	line-height:1;
	float:left;
	background:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	text-align:center;
	cursor:pointer;
	box-sizing: border-box;
	margin:5px;
}
.wedding_container li dl {
	padding:10px 10px;	
}
.wedding_container li dd a {
	
	height:125px;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}
#wedding_left {
	float:none;
	width:100%;	
}
#wedding_left ul {
	margin-right:0px;	
}
#wedding_left li {
	zoom:.47;
	margin:10px;
}
#wedding_right {
	float:none;
	width:auto;
	display:block;
	clear:both;
	margin:0 10px;
}
.section > img {
	min-width: 100%;
   height: auto;
}
}