/* CSS Document */
/*
Theme Name:悦子嘉
Theme URI: https://dedewp.com/
Description: 陌小雨博客VIP客户网站。
Author: 陌小雨博客
Author URI: https://dedewp.com/
Date:2020-12-16
Version: 1.0
License: 小雨工作室
License URI: https://dedewp.com/
Tags: 网站模板,婚庆网站模板,摄影网站模板
*/
/* =Reset default browser CSS. Based on work by 陌小雨: https://dedewp.com/
-------------------------------------------------------------- */
*{margin:0;padding:0;}
img{ max-width:100%;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
*, ::after, ::before{box-sizing: border-box;}
.clearfix:after { clear:both}
ul,li,ol{list-style:none;}

.headerbg{ height:80px; width:100%; background:url(images/headerbg.jpg) repeat-x left center;margin: 0 auto;}
.header{ max-width:1200px; margin:0 auto; display: flex; display: -webkit-flex; flex-direction:row; justify-content:center;}
.header .logo{ margin-top:10px;}
.header .logo img{ max-height:60px;}
.header .logowz{ font-size:45px; line-height:80px; color:#fff; font-weight:bold; margin-left:50px;}

.cpdh{ margin-top:100px;}
.cpdh a{text-decoration: none;padding:10px 30px; font-size:20px; color:#fff; cursor:pointer;height:48px;line-height:48px}
.cpdh ul{ display: flex; display: -webkit-flex; flex-direction:row; justify-content:center;}
.cpdh ul li{ background:url(images/headerbg.jpg); margin:0 20px; }
.cpdh ul li.current{ background:#818866;}

.shuoming{ text-align:center; font-size:16px; margin-top:30px;}

.ivideoall{width: 100%;margin: 50px auto 0;padding: 0 30px;}
.ivideoall .ivideoitem{ display:none;}
.ivideoall .ivideoitem ul{}
.ivideoall .ivideoitem ul li{ width:32%; float:left; margin:0 2% 2% 0;}
.ivideoall .ivideoitem ul li:nth-child(3n){ margin-right:0;}
.ivideoall .ivideoitem ul li a{ display:block; overflow:hidden;max-height: 310px;}
.ivideoall .ivideoitem ul li a img{ display:block; width:100%; height:100%;transition:all 0.5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;}
.ivideoall .ivideoitem ul li a:hover img{transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);}
a:focus {
    border: 5px solid #27b527 !important;
    margin: -5px !important;
}
/*分页样式开始*/
#pageabc{
	text-align:center;
	margin:30px 0;
	clear:both;
	height:auto;
	overflow:hidden;
	color:#333;
	line-height:23px;
	text-align:center;
}
#pageabc a.noallowed {
    cursor: not-allowed;
}
#pageabc span,#pageabc a{
	font-size:12px;
	color:#595757;
	padding:4px 12px;
	border:1px solid #313131;
	text-decoration:none;
	margin:3px 5px;
	display:inline-block;
	text-align:center;
}
#pageabc a:hover,#pageabc a.current{
	color:#fff;
	background-color:#818866;
	border:1px solid #818866;
}
/*分页样式结束 */


/*弹出的视频*/
.vboxbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999999;background: rgba(0, 0, 0, .8); display:none;}
.vbox{ width: 95%;  max-width: 1000px;  max-height: 90vh;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.vbox .vbox-close{  position: absolute;  z-index: 9999999; right:-30px; top:-30px; display: block;width: 28px;  height: 28px; background: url(images/vclose.png) no-repeat center center; background-size: 100% auto;cursor: pointer;}
.vbox video{ display:block; width:100%; max-height:650px;}

@media(max-width:640px){
	.header, .ivideoall{ width:96%;}
	.header .logowz{ display:none;}
	.cpdh{ margin-top:5%;}
	.ivideoall .ivideoitem ul li{ width:49%;}
	.ivideoall .ivideoitem ul li:nth-child(3n){ margin-right:2%;}
	.ivideoall .ivideoitem ul li:nth-child(2n){ margin-right:0;}
}