/* CSS Document */
body{ margin:0; padding:0; font-family:'Segoe UI',Arial, Helvetica, sans-serif; font-size:12px; background: url(/images/smartshow/main_bg.jpg) repeat-x 0 66px; color:#666;}
h2,p{ margin:0; padding:0;}
ul,li,dt,dd,dl{ margin:0; padding:0; list-style:none;}
img{ border:0; vertical-align:top;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ color:#16adf4; text-decoration:none;}
a:hover{ text-decoration:underline;}
.width{ width:1020px; margin:0 auto;}
.top{ height:70px; background:url(/images/smartshow/menu_bg.jpg) repeat-x;}
.logo{ float:left;}
.menu ul{ float:right}
.menu ul li{ float:left; font-size:18px; border-right:1px solid #fff; border-left:1px solid #d4e8f0;}
.menu ul li a{ color:#000; text-decoration:none; display:block; height:64px; line-height:76px; _line-height:64px; padding:0 25px; _width:50px; text-align:center;}
.menu ul li a:hover{ color:#fff; text-decoration:none; background:#24c1ff;}

.wrp{ background:url(/images/smartshow/index_banner.jpg) no-repeat center; height:556px; margin-bottom:35px;}
#yc-mod-slider{ width:1020px; margin:0 auto; padding-top:255px; font-size:54px; color:#fff; text-shadow:2px 1px #55543c;}


#featureContainer { margin: 0px auto; width:1020px;}
#featureContainer h2,.home_whats h2{ text-align:center; font-size:30px; line-height:36px; width:900px; margin:40px auto; color:#919191; font-weight:normal;}
#wrap { overflow: hidden}
#feature { position: relative; margin:0 20px; }
#feature .prev {text-indent: -9999px; width:43px; display:block; background: url(/images/smartshow/feature_left.gif) center top; float: left; height:43px;top:51px; position:absolute; left:-21px;}
#feature .next {text-indent:-9999px; width:43px; display:block;background:url(/images/smartshow/feature_right.gif) center top; float: right; height:43px; top:51px; left:959px; position:absolute;}
#feature .prev:hover {background-position: center bottom}
#feature .next:hover {background-position: center bottom}
.featureUL {position: relative; width: 2800px;float: left;}
.featureBox { width: 213px; float: left; height: 143px; margin-right:26px;}
#botton-scroll { z-index: 0; margin: 0px auto; widht: 930px; float: left; height:143px;}
#block { z-index: 0; position: relative; margin: 0px auto;width:930px; height: 143px; overflow: hidden;}

.home_whats p,#featureContainer p{ text-align:center; font-size:20px; color:#878787;}
.text{ width:1020px; margin:30px auto 0 auto; padding-bottom:30px; border-bottom:1px solid #e4e4e4; height:387px;}
.text dd{ text-align:left; font-size:16px; line-height:26px; width:495px; color:#646464; margin-bottom:20px;}
.text dd b{ color:#000; font-size:24px;}
.text dd a{ font-weight:bold;}

.bg_color{ background:#f0f0f0; border:1px solid #d8d8d8; border-width:1px 0; margin:25px 0 0 0;}
.main03{ width:1020px; margin:0 auto;}
.main03 dt{ float:left; background:url(/images/smartshow/create.png) no-repeat 0 60px; width:573px;  height:264px; margin-right:35px;}
.main03 dt p{ float:left; font-size:16px; color:#898989; line-height:70px; width:166px; text-align:center; margin-right:35px;}
.main03 dd{ float:left; width:412px; font-size:14px; line-height:22px; padding-top:10px;}
.main03 dd b{font-size: 22px; color: #464646; font-weight:normal;}

/****features***/

.banner_bg{ background:#d5c7cd url(../images/smartshow/make-a-video.jpg) no-repeat center;}
.banner{height:355px; width:515px; margin:0 auto; padding:55px 0 0 615px;} 
.banner h2{ font-size:24px; color:#000;}
.banner p{ color:#333; font-size:20px; margin-bottom:30px;}
.banner ul{ margin-bottom:30px;}
.banner li{ color:#078ae5; font-size:18px; text-shadow:1px 1px #fff;}
.banner li b{ font-size:24px;}
.banner .price{ width:248px; margin-left:248px; font-size:16px; text-align:center; color:#000;}
.banner .price span{ font-size:20px; color:#f00;}
.more-features{ width:1020px; margin:40px auto;}
.more-features h2{ font-size:22px; margin-bottom:20px;}
.more-features dl{ float:left; width:317px; margin-right:34px;}
.more-features dt{ float:left; margin-right:15px;}
.more-features dd{ float:left; width:260px; color:#666; font-size:14px;}
.more-features dd b{ font-size:16px;}
.text dd li{ margin-bottom:10px; font-size:14px; color:#333; line-height:22px; background:url(/images/smartshow/list.png) no-repeat 0 2px; padding-left:22px;}
.text dd li p{ font-size:13px; text-align:left;}

/***style***/
.style-banner{ text-align:center; width:1020px; margin:0 auto; padding:30px 0;}
.classify{ background:#fff; height:48px; line-height:48px; width:1018px; margin:0 auto; border:1px solid #e5ebef; -webkit-box-shadow: 1px 1px 2px rgba(0, 0,0,0.35);-moz-box-shadow: 1px 1px 2px rgba(0, 0,0,0.35);box-shadow: 1px 1px 2px rgba(0, 0,0,0.35);}
.classify ul{ height:48px; float:left;}
.classify li{ float:left; font-size:14px;}
.classify li a{ display:block; padding:0 22px; color:#4b4b4b;}
.classify li a:hover{ color:#16adf4; background:#e2f2ff;}
.down{ float:right;padding-top: 5px; padding-right: 10px;}

.list{ width:1020px; margin:20px auto 40px auto;}
.list li{ float: left; width:237px; border:1px solid #dedede;-webkit-box-shadow: 0px 2px 6px #ccc;-moz-box-shadow: 0px 2px 6px #ccc;box-shadow: 0px 2px 6px #ccc; margin:0 21px 21px 0;}
.list li p{ height:25px; line-height:25px; color:#3b3b3b; padding-left:10px;}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

/****occasions***/
.video{ width:1020px; margin:18px auto 0 auto; padding-bottom:26px;  border-bottom:1px solid #e4e4e4;}
.video dl{ float:left; width:327px; margin-right:18px; }
.video dt{ margin-bottom:10px; font-size:14px; color:#343434; font-weight:bold;}
.video dd{ line-height:20px;}
.video dd b{ font-size:14px; color:#0077c2;}
.video h2{ font-size:16px; color:#0077c2; font-weight:normal; margin-bottom:10px;}

.occasions-menu{ background: url(/images/smartshow/occasions-bg.jpg) repeat-x; height:103px; border-bottom:1px solid #d5dbde; width:100%;}
.occasions-menu li{ float:left; width:145px; background:url(/images/smartshow/occasions-line.jpg) no-repeat right; text-align:center;}
.occasions-menu li a{ display:block; height:98px; color:#000; padding-top:5px; font-size:14px;}
.occasions-menu li a:hover,.occasions-menu li a.hover{ background:#54c6ff; color:#fff;}
.occasions-menu li a img{ margin-bottom:5px;}

/******zone******/
.zone_banner{ background: url(/images/smartshow/zone_bg.jpg) repeat-x;}
.zone-list{ width:762px;}
.zone-list li{ float:left;border:1px solid #e5ebef; -webkit-box-shadow: 1px 1px 2px rgba(0, 0,0,0.35);-moz-box-shadow: 1px 1px 2px rgba(0, 0,0,0.35);box-shadow: 1px 1px 2px rgba(0, 0,0,0.35); margin:0 22px 22px 0; width:236px;}
.author{ padding:10px; background:#f4f4f4;}
.author .detail{ margin-left:10px; width:170px;}
.author .detail b{ color:#333;}
.zone-list h2{ font-size:18px; color:#333; line-height:50px; font-weight:normal;}
.zone-right{ width:243px; padding:23px 0 0 0;}
.zone-right h2{ font-size:12px; color:#333; margin-bottom:13px;}
.runk{ background:url(/images/smartshow/rank.png) no-repeat left 10px; padding-left:30px;}
.zone-right dl{ height:46px; margin-bottom:10px;}
.zone-right dt{ float:left; margin-right:10px;}
.zone-right dd{ float:left; width:150px}

/***faq****/
.faq{ background:#fff; padding:20px; border:1px solid #d9d9d9; margin:23px 0 40px 0; width:740px; float:left;}
.faq h2{ font-size:30px; color:#333; font-weight:normal; margin-bottom:10px;}
.faq_list a{ font-size:14px; background:#f4f4f4; display:block; padding:8px; margin-bottom:10px;}
.faq_list p{ border:1px solid #eee; padding:10px; margin-bottom:10px; line-height:20px; background:#f8f8f8; font-size:13px; text-shadow:1px 1px #fff;}

.faq_r{ width:210px; margin-top:20px; background:#fff; border:1px solid #d9d9d9; padding:10px 0 0 10px;}
.money-back{ background:url(/images/moneyback.png) no-repeat; height:45px; padding:5px 0 5px 75px; border-bottom:1px dashed #ddd;}
.quick-links{ margin-top:10px; padding-bottom:5px;}
.quick-links h4{ color:#a4a4a4; font-size:16px; font-weight:normal; margin-bottom:5px;}
.quick-links ul{ padding-left:20px;}
.quick-links li{ margin:0;list-style:disc; font-size:14px; color:#666; line-height:24px;}
.quick-links li a{ color:#333;}


/****bottom***/
.button{ text-align:center; color:#464646; font-size:16px;} 
.button h2{ color:#000; margin-bottom:15px;}
.btn{ width:566px; margin:19px auto 33px auto;}
.btn a{ margin-right:35px; display:block; width:248px; float:left;}

#bottom{ text-align:center; line-height:26px; color:#fff; background:#000; padding:27px 0; font-size:13px;}
#bottom a{ color:#fff; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}