/* CSS Document */
@CHARSET "gb2312";
html,body{
	margin: 0;
    padding: 0;
    width: 100%;
}
body {
    /*background: none repeat scroll 0 0 #f1f5fa;*/
    color: #2D2D2D;
    font-family: "MicroSoft YaHei","΢ÈíÑźÚ",arial;
    font-size: 12px;
    line-height: 22px;
	position:relative;
	background:#cb336c;
}
div, ul, ol, li, h1, h2, h3, h4, form, input, textarea, blockquote, p {
    margin: 0;
    padding: 0;
}
table, td, tr, th {
    font-size: 12px;
}
ol, ul {
    list-style: none outside none;
}
li {
    list-style-type: none;
}
img {
    border: 0 none;
    vertical-align: middle;
}
address, cite, code, em, th, i {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal;
}
a {
    color: #00437A;
    text-decoration: none;
	outline:none;
}
a:visited {
    color: #800080;
    text-decoration: none;
}
a:hover {
    color: #cb336c;
    text-decoration: none;
}
a:active {
    color: #00437A;
}
.clear{
	clear:both;
}
.fL{
	float:left;
	overflow:hidden;
	display:inline;
}

.fR{
	float:right;
	overflow:hidden;
	display:inline;
}

.yahei{
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
}

.bold{
	font-weight:bold;
}
.clear{
	clear:both;
}
.clear_more{
	clear:both;
	overflow:hidden
}
.center{
	text-align:center;
}
.ellipsis{
	white-space:nowrap;
	text-overflow: ellipsis;
}
.red{
	color:#e43527;
}
@keyframes ring360{
	from{transform: rotateZ(0deg);}
	to{transform: rotateZ(360deg);}
}
@-webkit-keyframes ring360{
	from{transform: rotateZ(0deg);}
	to{transform: rotateZ(360deg);}
}
@-moz-keyframes ring360{
	from{transform: rotateZ(0deg);}
	to{transform: rotateZ(360deg);}
}
@keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes drop1
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { transform: translate(0px, -100px) rotate(-50deg) ;opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { transform: translate(50px, 400px) rotate(50deg) ;opacity: 0;}
}
@-webkit-keyframes drop1
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -webkit-transform: translate(0px, -100px);opacity: 1; }
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -webkit-transform: translate(0px, 400px); opacity: 0;}
}
@-moz-keyframes drop1
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -moz-transform: translate(0px, -100px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -moz-transform: translate(0px, 400px); opacity: 0;}
}
/* Rotates a leaf from -50 to 50 degrees in 2D space */
@keyframes drop2
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { transform: translate(0px, -250px);opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { transform: translate(0px, 400px);opacity: 0;}
}
@-webkit-keyframes drop2
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -webkit-transform: translate(0px, -250px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -webkit-transform: translate(0px, 400px); opacity: 0}
}
@-moz-keyframes drop2
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -moz-transform: translate(0px, -250px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -moz-transform: translate(0px, 400px); opacity: 0;}
}
/* Rotates a leaf from -50 to 50 degrees in 2D space */
@keyframes drop3
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { transform: translate(0px, -350px);opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { transform: translate(0px, 400px);opacity: 0;}
}
@-webkit-keyframes drop3
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -webkit-transform: translate(0px, -350px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -webkit-transform: translate(0px, 400px); opacity: 0;}
}
@-moz-keyframes drop3
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -moz-transform: translate(0px, -350px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -moz-transform: translate(0px, 400px); opacity: 0;}
}
/* Rotates a leaf from -50 to 50 degrees in 2D space */
@keyframes drop4
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { transform: translate(0px, -450px);opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { transform: translate(0px, 400px);opacity: 0;}
}
@-webkit-keyframes drop4
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -webkit-transform: translate(0px, -450px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -webkit-transform: translate(0px, 400px); opacity: 0;}
}
@-moz-keyframes drop4
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
     0%   { -moz-transform: translate(0px, -450px); opacity: 1;}
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
   	100% { -moz-transform: translate(0px, 432px); opacity: 0;}
}
/* Rotates a leaf from -50 to 50 degrees in 2D space */
@keyframes clockwiseSpin
{
    /* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
    0%   { transform: rotate(-50deg) translateX(0px); }
    /*  Rotate a leaf by 50 degrees in 2D space at the end of the animation */
    100% { transform: rotate(50deg) translateX(50px); }
}

@-webkit-keyframes clockwiseSpin
{
    /* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
    0%   { -webkit-transform: rotate(-50deg) translateX(0px); }
    /*  Rotate a leaf by 50 degrees in 2D space at the end of the animation */
    100% { -webkit-transform: rotate(50deg) translateX(50px); }
}
@-moz-keyframes clockwiseSpin
{
    /* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
    0%   { -moz-transform: rotate(-50deg) translateX(0px); }
    /*  Rotate a leaf by 50 degrees in 2D space at the end of the animation */
    100% { -moz-transform: rotate(50deg) translateX(50px); }
}

@keyframes scaleBtn{
	0%{transform: scale(1.1);}
	33%{transform: scale(1.0);}
	66%{transform: scale(1.1);}
	100%{transform: scale(1.0);}
}
@-webkit-keyframes scaleBtn{
	0%{-webkit-transform: scale(1.1);}
	33%{-webkit-transform: scale(1.0);}
	66%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1.0);}
}
@-moz-keyframes scaleBtn{
	0%{-moz-transform: scale(1.1);}
	33%{-moz-transform: scale(1.0);}
	66%{-moz-transform: scale(1.1);}
	100%{-moz-transform: scale(1.0);}
}
/*header start*/
.width{
	width:1000px;
	margin: 0px auto;
	}
.header{
	width:100%;
	position: relative;
	z-index: 2;
	}
/*web-nav*/
.web-nav{
		width:100%;
		background-color:#cc1943;
		color:#FFF;
}
.web-nav-main{
	height:57px;
	margin:0px auto;
	}
.web-nav-main a,.web-nav-main div,.web-nav-main div a{
	color:#fff;
	line-height:57px;
	font-family: simsun,"΢ÈíÑźÚ",arial;
	font-size: 12px;
}
.web-nav-main div a{
	padding:0px 10px;
}
.web-nav-main  .lslogo{
	width: 124px;
	height: 57px;
	background: url(../images/logo.png) 0px 5px scroll no-repeat;
	display: block;
	float: left;
	margin-right: 38px;
}
/*web-nav end*/
/*header end*/
/*banner*/
.banner{
	width: 100%;
	height: 432px;
	background: url(../images/lef/banner1.jpg) center 0px scroll no-repeat #59011a;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner .lef{
	width: 1210px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	/*background: url(../images/lef.png) center 0px scroll no-repeat;*/
}
.lef img{
	z-index: 4;
	position: absolute;
}
.lef .lef_1{
	top: 18px;
left: 207px;
}
.lef .lef_2{
	top: 60px;
left: 270px;
}
.lef .lef_3{
	top: 74px;
left: 143px;
}
.lef .lef_4{
	top: 167px;
left: -1px;
}
.lef .lef_5{
	top: 132px;
left: 102px;
}
.lef .lef_6{
	top: 152px;
left: 179px;

}
.lef .lef_7{
	top: 182px;
left: 136px;
}
.lef .lef_8{
	top: 279px;
left: 36px;
}
.lef .lef_9{
	top: 209px;
left: 167px;
}
.lef .lef_10{
	top: 357px;
left: 123px;
}
.lef .lef_11{
	top: 329px;
left: 216px;
}
.lef .lef_12{
	top: 324px;
left: 510px;
}
.lef .lef_13{
	top: 34px;
left: 967px;
}
.lef .lef_14{
	top: 41px;
left: 1071px;
}
.lef .lef_15{
	top: 150px;
left: 990px;
}
.lef .lef_16{
	top: 231px;
left: 899px;
}
.lef .lef_17{
	top: 213px;
left: 939px;
}
.lef .lef_18{
	top: 223px;
left: 1059px;
}
.lef .lef_19{
	top: 292px;
left: 983px;
}
.lef .lef_20{
	top: 240px;
left: 1115px;
}

.lef_1, .lef_2, .lef_3, .lef_13, .lef_14{
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
}
.lef_4, .lef_5, .lef_6, .lef_7, .lef_15{
	transform: translateY(-250px);
	-webkit-transform: translateY(-250px);
}
.lef_8, .lef_9, .lef_16, .lef_17, .lef_18, .lef_19, .lef_20{
	transform: translateY(-350px);
	-webkit-transform: translateY(-350px);
}
.lef_10, .lef_11{
	transform: translateY(-450px);
	-webkit-transform: translateY(-450px);
}

.lefactive .lef_1, .lefactive .lef_2, .lefactive .lef_3, .lefactive .lef_13, .lefactive .lef_14{
	animation: drop1 3s ease-in-out infinite;
	-webkit-animation: drop1 3s ease-in-out infinite;
	-moz-animation: drop1 3s ease-in-out infinite;
	
}
.lefactive .lef_4, .lefactive .lef_5, .lefactive .lef_6, .lefactive .lef_7, .lefactive .lef_15{
	animation: drop2 3s ease-in-out .8s infinite;
	-webkit-animation: drop2 3s ease-in-out .8s infinite;
	-moz-animation: drop2 3s ease-in-out .8s infinite;
}
.lefactive .lef_8, .lefactive .lef_9, .lefactive .lef_16, .lefactive .lef_17, .lefactive .lef_18, .lefactive .lef_19, .lefactive .lef_20{
	animation: drop3 3s ease-in-out 1.6s infinite;
	-webkit-animation: drop3 3s ease-in-out 1.6s infinite;
	-moz-animation: drop3 3s ease-in-out 1.6s infinite;
}
.lefactive .lef_10, .lefactive .lef_11{
	animation: drop4 3s ease-in-out 2.2s infinite;
	-webkit-animation: drop4 3s ease-in-out 2.2s infinite;
	-moz-animation: drop4 3s ease-in-out 2.2s infinite;
}
/*banner end*/
/*nav*/
.nav{ 
	background-color:#ba214f; 
	height:68px; 
	border-bottom:#8e1e37 solid 1px; 
	/*overflow:hidden;*/
	position: relative;
	z-index: 2;
}
.nav .inner
{
   margin:0px auto;
   font-size:20px;
   /*overflow:hidden;*/
   position: relative;
}
.nav .inner a
{
	display:block; 
	height:100%; 
	line-height:68px;
	outline: medium none ; 
	text-align: center;
	width: 125px;
	color: #fcb1c7;
}
.nav .inner a:link{ text-decoration:none; color:#fcb1c7;font-size:20px;}
.nav .inner a:visited{ text-decoration:none; color:#fcb1c7;font-size:20px;}
.nav .inner a:hover{ text-decoration:none; color:#ffffff;font-size:26px;}
.nav .inner a.join{ 
	width: 160px;
	height: 121px;
	position: absolute;
	right: 0px;
	top: -26px;
	background: url(../images/icons.png) 0px -228px scroll no-repeat;
	}
.nav .inner a.first{
    text-align: left;
    width: 80px;
	}
.nav .inner a.finalists{
	width: 125px;
	height: 68px;
	position: absolute;
	right: 16px;
	top: 0;
	background: url(../images/ruwei.png) 0px 0px scroll no-repeat;
}
/*nav end*/
/*index.shtml*/
/*container*/
.container{
	margin: 0px auto;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 2;
}
.borderLine{
	border: 1px solid #962550;
	width: 998px;
	margin: 0px auto;
}
.content .itemTile{
	height: 51px;
	width: 998px;
	margin: 0px auto;
	background: #ca346c;
	position: relative;
}
.content .itemTile .icon-ring{
	background-color: #a32554;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 63px;
}
.content .itemTile .icon-ring img{
	animation: ring360 1.5s linear  infinite forwards;
	-webkit-animation: ring360 1.5s linear  infinite forwards;
	-moz-animation: ring360 1.5s linear  infinite forwards;
	margin:5px 0 auto 20px;
}
.come{
	left: 544px;
	top: 9px;
}
.lefactive .come{
	animation: scaleBtn 1.5s linear  infinite alternate;
	-webkit-animation: scaleBtn 1.5s linear  infinite alternate;
	-moz-animation: scaleBtn 1.5s linear  infinite alternate;
}
.content{
	margin: 0px auto 50px auto;
}
#intro{
	margin: 32px auto 36px auto;
}
#intro p{
	color: #ffe400;
	font-size: 18px;
	font-style:italic;
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
	line-height: 44px;
}
#finalists .itemTile{
	background: url(../images/icons.png) 0px -1047px scroll no-repeat #a32554;
}
#finalists .detail{
	height: 172px !important;
	height: 246px;
	background: #ffffff;
	padding: 37px 66px;
	width: 866px !important;
	width: 998px;
}
#finalists .detail p{
	width: 465px;
	height: 43px;
	background: #ca346c;
	line-height: 43px;
	margin:0px auto 20px 0px;
	color: #ffffff;
	font-size: 20px;
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
}
#finalists .detail p span{
	color: #fae956;
	height: 38px;
	line-height: 35px;
	font-style: italic;
	padding: 0px 13px;
	font-size: 30px;
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
	display: inline-block;
}
#procedures .itemTile{
	background: url(../images/icons.png) 0px -1135px scroll no-repeat #a32554;
}
#procedures .detail{
	height: 190px !important;
	height: 330px;
	background: #ffffff;
	padding: 70px 66px;
	width: 866px !important;
	width: 998px;
}
#procedures .detail .proceTilt{
	height: 46px;
	width: 770px;
	background: url(../images/icons.png) 162px 0px scroll no-repeat #ffffff;
}
#procedures .detail .proceBarSt{
	height: 55px;
	width: 770px;
	background: url(../images/icons.png) 0px -41px scroll no-repeat #ffffff;
}
#procedures .detail .proceBarGo{
	height: 55px;
	width: 770px;
	background: url(../images/icons.png) 0px -41px scroll no-repeat #ffffff;
}
#procedures .detail .proceBarEnd{
	height: 55px;
	width: 770px;
	background: url(../images/icons.png) 0px -157px scroll no-repeat #ffffff;
}
#procedures .detail .proceTime{
	padding-left: 80px;
}
#procedures .detail .proceTime p{
	text-align: left;
	color: #962550;
	font-size: 16px;
	line-height: 28px;
	float: left;
}
#procedures .detail .proceTime .w1{
	width: 238px !important;
	width: 280px;
	padding-right: 42px;
}
#procedures .detail .proceTime .w2{
	width: 184px !important;
	width:226px;
	padding-right: 42px;
}
#procedures .detail .proceTime .w3{
	width: 102 px !important;
	width:144px;
	padding-right: 42px;
}
#prizeSet .itemTile{
	background: url(../images/icons.png) 0px -1225px scroll no-repeat #a32554;
}
#prizeSet .detail{
	height: 139px !important;
	height: 246px;
	background: #ffffff;
	padding: 50px 62px 57px 62px;
	width: 874px !important;
	width: 998px;
}
#prizeSet .detail p{
	color: #962550;
	font-size: 20px;
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
	line-height: 52px;
	padding-left: 22px;
	width: 700px !important;
	width: 722px;
	background: url(../images/icons.png) 0px -617px scroll no-repeat #ffffff;
}
#prizeSet .detail p.import{
	margin-top: 7px;
	font-style: italic;
	color: #962550;
	font-size: 20px;
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
	font-weight: bold;
	line-height: 40px;
	background: url(../images/icons.png) 0px -622px scroll no-repeat #ffffff
}
#tutor .detail{
	height: 500px;
	background: #ffffff;
	width: 100%;
}
#tutor .itemTile{
	background: url(../images/icons.png?t=2014121118) 0px -1296px scroll no-repeat #a32554;
}
#tutor .group
{
    text-align:center;
	height: 190px;
    width: 155px;
    margin-left:36px;
    margin-top:40px;
    padding-top: 10px;
}
/*#tutor .group a
{
	border-radius: 50%;
	display: block;
	height: 129px;
    width: 129px;
	margin: 0 auto;
}*/
#tutor .group img
{
	transition: transform .5s linear;
    transform: scale(1.0);
}
#tutor .group img:hover
{
	transition: transform .5s linear;
    transform: scale(1.05);
}
#tutor .group .name
{
    margin-top:10px;
    color: #962550;
    font-size: 16px;
    font-family: "MicroSoft YaHei";
}
#tutor .group .name .detail
{
    margin-top:5px;
    color: #2D2D2D;
    font-size: 14px;
    font-family: "MicroSoft YaHei";
}
#tutor .group .name a
{
    color: #666666;
}
#tutor .group .name a:hover
{
    color: #cb336c;
}
#tutor .group .name a:visited
{
    color: #962550;
}
/*footer*/
.footer{
	background: #a72556;
}
.contact{
	height: 138px !important;
	height: 258px;
	padding: 60px 0px;
}
.contact .block{
	height: 100px !important;
	height: 136px;
	border: 1px solid #FFFFFF;
	margin-right: 37px;
	padding: 22px 20px;
	float: left;
	position: relative;
}
.contact .blockTit{
	position: absolute;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	top: -21px;
	bottom: 0px;
	width: 107px;
	line-height: 38px;
	height: 38px;
	background: #a72556;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	font-family: "microsoft yahei","΢ÈíÑźÚ",arial;
}
.contact .baoming{
	width: 423px !important;
	width: 461px;
}
.contact .zixun{
	width: 184px !important;
	width: 222px;
}
.contact .hezuo{
	width: 188px !important;
	width: 232px;
	margin: 0px;
}
.contact .block p{
	font-family: "microsoft yahei","΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 36px;
	color: #ffffff;
}
/*index.shtml end*/
/*join.shtml*/
.download{
	height: 68px;
	margin: 48px 0px 0px 0px;
}
.download p{
	width: 440px;
	line-height: 68px;
	height: 100%;
	font-size: 24px;
	font-family: "microsoft yahei","΢ÈíÑźÚ";
	font-weight: bold;
	color: #ffffff;
}
.download a{
	width: 217px;
	display: block;
	height: 100%;
	background: url(../images/icons.png) 0px -499px scroll no-repeat #cb336c;
}
.joinTable{
	border-top:1px solid #ffffff;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #ffffff;
	width: 998px;
	height: ;
}
.joinTable tr td{
	border-top:0px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 0px;
	padding: 0px 14px;
	height: 66px;
	font-family: "microsoft yahei","΢ÈíÑźÚ";
	font-size: 21px;
	color: #ffffff;
	line-height: 66px;
}
.joinTable tr td.specialLine{
	line-height: 40px;
}
.joinTable tr td input{
	height: 30px;
    width: 738px;
    font-size: 16px;
    border: none;
    color: #ffffff;
    background:#cb336c;
    outline: none;
    line-height: 30px;
    font-family: "microsoft yahei","΢ÈíÑźÚ";
}
.joinTable tr .tdw1{
	width: 194px !important;
	width: 226px;
}
.joinTable tr .tdw2{
}
.joinTable tr td .cols{
    width: 738px;
}
.joinTable tr td.tdw2 input[type="text"]{
    width: 237px !important;
    width: 247px;
    border: 1px solid #ffffff;
    padding: 0px 5px;
}
.joinTable tr td.tdw2 textarea{
	height: 400px !important;
	height: 440px;
	padding: 20px 0px;
	font-size: 16px;
    border: none;
    color: #ffffff;
    background:#cb336c;
    outline: none;
    font-family: "microsoft yahei","΢ÈíÑźÚ";
    line-height: 30px;
    resize: none;
    overflow: auto;
}
.joinTable tr td.selectGroup{
	clear: both;
	overflow: hidden;
	width: 194px !important;
}
.joinTable tr td.tdw2 select{
	height: 32px;
	font-size: 16px;
    color: #ffffff;
    background:#cb336c;
    border: 1px solid #ffffff;
    font-family: "microsoft yahei","΢ÈíÑźÚ";
    line-height: 30px;
    width: 105px;
    padding:2px 0px;
    margin: 0px 0px;
}
.btnGroup{
	height: 71px !important;
	height: 225px;
	padding: 77px 0px;
}
.btnGroup a{
	height: 71px;
	display: block;
	margin: 0px auto;
	width: 180px;
	background: url(../images/icons.png) 0px -392px scroll no-repeat #cb336c;
}
/*join.shtml end*/
/*±¨Ãû³É¹¦Ò³Ãæ*/
.cover{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #666666;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.popupBg{
	position: fixed;
	top: 30px;
	left: 0px;
	width: 100%;
	z-index: 100;
	height: 308px;
	z-index: 101;
}
.popup{
	position: relative;
	height: 310px;
	width: 420px;
	margin: 0px auto;
	background: url(../images/icons.png) 0px -694px scroll no-repeat transparent;
}
.close{
	width: 26px;
	height: 26px;
	display: block;
	outline: none;
	background: transparent;
	position: absolute;
	top: 54px;
	left: 318px;
	z-index: 102;
}
.dtime
{
    color: #FFF;
    font-size:14px;
    font-family: "microsoft yahei","΢ÈíÑźÚ";
    margin-bottom:15px;
    }
.morepic
{
        font-size:16px;
        color: #FFF;
        text-align:center;
        margin-top:20px;
    }
/*±¨Ãû³É¹¦Ò³Ãæend*/
/*ÈëΧҳÃæst*/
.finalc{
	margin: 55px auto 45px auto;
}
.container .even{
	margin-right: 40px;
}
.final{
	margin: 0 auto 40px auto;
	float: left;
}
.final .fbox{
	width: 480px;
	height: 195px;
	background-color: #a40b45;
	overflow: hidden;
	clear: both;
}
.final .fbox .boxL{
	width: 237px;
	height: 187px;
	margin: 4px 0px 4px 4px;
	overflow: hidden;
	position: relative;
}
.boxL img{
	width: 100%;
	height: 100%;
}
.boxL img:hover{
	width: 100%;
	height: 100%;
}
.boxL .interaction{
	width: 131px;
	height: 30px;
	position: absolute;
	right: 4px;
	bottom: 5px;
	background: url(../images/boxL.png) 0px 0px scroll no-repeat;
	overflow: hidden;
	clear: both;
}
.interaction span,.interaction a{
	color: #ffffff;
	font-size: 14px;
	font-family: simsun;
	line-height: 30px;
	float: left;
	text-indent: 26px;
	width: 55px;
}
.interaction a.zaned{
	height: 100%;
	background: url(../images/boxL.png) 0 -29px scroll no-repeat;
	margin-left: 8px;
}
.interaction a.zan{
	height: 100%;
	background: url(../images/boxL.png) 0 -80px scroll no-repeat;
	margin-left: 8px;
}
.interaction a.zan:hover{
	background: url(../images/boxL.png) 0 -29px scroll no-repeat;
}
.interaction a.pluned{
	height: 100%;
	width: 22px;
	background: url(../images/boxL.png) -102px -23px scroll no-repeat;
	margin-left: 8px;
}
.interaction a.plun{
	height: 100%;
	width: 22px;
	background: url(../images/boxL.png) -101px -73px scroll no-repeat;
	margin-left: 8px;
}
.interaction a.plun:hover{
	background: url(../images/boxL.png) -102px -23px scroll no-repeat;
}
.final .fbox .boxR{
	width: 239px;
	height: 195;
}
.boxR h2{
	height: 57px;
	width: 100%;
	/*border-bottom: 1px dashed #ffffff;*/
	text-indent: 1em;
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 18px;
	line-height: 57px;
}
.boxR h2 a
{
    color: #ffffff;
 }
.boxR .bottomLine{
	height: 1px;
	width: 100%;
	background: url(../images/boxL.png) -7px -64px scroll repeat-x;
	
}
.boxR p{
	height: 112px;
	width: 203px;
	margin: 13px 18px;
	color: #ffffff;
	overflow: hidden;
	word-wrap: normal;
	font-size: 14px;
	line-height: 28px;
}
.fmore{
	float: left;
	height: 48px;
	width: 100%;
	background-color: #a40b45;
}
.fmore a{
	height: 48px;
	width: 100%;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 48px;
	margin: 0 auto;
	float: left;
}
.fmore a:hover{
	text-decoration: underline;
}
/*ÈëΧҳÃæend*/

.hide{display:none;}