#myscroll {display: block; width: 100%; position: relative; overflow: hidden;}
#myscroll ul {display: block; float: left; list-style-type: none; padding: 0; margin: 0;}
#myscroll ul li {display: block; float: left; padding: 0; width:100%;}
#myscroll ul li a {display: block; float: left; width:100%; padding: 0; position: relative; color: #333;}
#myscroll a .intro {position: absolute; left: 0; z-index: 10; background-color:rgba(0,0,0,0.5); filter: alpha(opacity=70); width:100%; color: #fff; -moz-opacity: 0.7; -khtml-opacity: 0.7; text-align: center;}
#myscroll a .intro h5 {padding: 0; margin: 0; font-size: 16px; height: 40px; width: 100%; line-height: 30px; }
#myscroll a .intro p {font-size: 13px; line-height: 20px; margin:45px 50px; height:80px; overflow: hidden;}
#myscroll a .intro .cpcp{margin:10px 50px; margin-top:70px;}
#myscroll a .intro {bottom: -168px;}
#myscroll a .intro2{bottom:-250px; height:250px;} 
#myscroll a:hover .intro {bottom: 0px;}

#myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@media (max-width:768px){
	#myscroll a .intro .cpcp{margin:15px 20px; margin-top:10px;}
	#myscroll a .intro2{bottom:-220px; height:120px;}
	#myscroll a .intro p{height:65px;}
	}