* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	/* a:hover,
	a.selected {
		color: #ffcc00;
	} */

h1,h2,h4,h5,h6 {
	text-align: center;
	color: #ccc;
	text-shadow: #000 1px 1px 2px;
	margin-bottom: 5px;
}
	h1 {
		font-size: 1.285714rem;
	}
	h2 {
		font-size: 1rem;
	}
	.jq22-container{
		position: relative;
	}
.sociales {
	text-align: center;
	margin-bottom: 1.428571rem;
}

	#timeline {
		width: 85.714286rem;
		height: 100%;
		margin: 3rem auto 4rem;
		position: relative;
	}
	li>img{
		height: 100%;
	}
		#dates {
			width: auto !important;
			height: 9rem;
			display: flex;
			margin-left: 50%;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 7.142857rem;
				height: 7.142857rem;
				font-size: 1rem;
				text-align: center;
				display: inline-block;
				color: #000;
				margin: 0 1rem;
				line-height: 7.142857rem;
			}
				#dates a {
					line-height: 7.142857rem;
					font-size: 1rem;
					display: inline-block;
					width: 3.571429rem;
					height: 3.571429rem;
					line-height:3.571429rem;
					border: 1px solid #E3E3E3;
					background: #fff;
					border-radius: 50%;
					color: #CCC;
				}
				#dates .selected {
					font-size: 1.214286rem;
					display: inline-block;
					width: 7.142857rem;
					height: 7.142857rem;
					line-height:7.142857rem;
					border: 1px solid #E3E3E3;
					background: #da0000;
					border-radius: 50%;
					color: #fff;
				}
		
		#issues {
			/* overflow: hidden; */
			display: flex;
		}	
			#issues li {
				width: 85.714286rem;
				list-style: none;
				float: left;
				display: flex;
				height: 100%;
			}
				#issues li.selected img {
					-webkit-transform: scale(1,1);
					-moz-transform: scale(1,1);
				    -o-transform: scale(1,1);
				    -ms-transform: scale(1,1);
				    transform: scale(1,1);
					margin-left: 1.5rem;
    				padding-right: 1rem;
					width: 38.571429rem;
				}
				#issues li img {
					width: 38.571429rem;
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #000;
					text-align: left;
					font-size: 3.428571rem;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 1.25rem;
					font-weight: normal;
					line-height: 2.5rem;
					width: 40rem;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 6;
					-webkit-box-orient: vertical;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
			}
			#grad_right {
		        right: 0;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
			}
			#prev {
				left: 0;
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0;
				}

			 .year-line{
					width: 100%;
					border: 1px solid #E3E3E3;
					position: absolute;
					top: 3.5rem;
					font-size: 0;
				}

			.text-wenzi-box{
				margin: auto;
				margin-left: 0.6rem;
			}