@charset "utf-8";

/************************************************************************************
smaller than 2560
*************************************************************************************/
@media screen and (max-width: 4000px){
	.movies{
		width: 100%;
	}
	.image{
		width: 18%;
	}
	.container-top-button{
		width: 100%;
	}
	.leftblock{
		width: 60%;
	}
	.moviedata{
		width: 60%;
	}
	.mobile-bx{
		display: none;
	}
	.moremovie2{
		display: none;
	}
	.m-video{
		height: 280px;
	}
	.short{
		display: none;
	}
	.ticket-w{
		display: none;
	}
	.ticket-w2{
		display: none;
	}
}
/************************************************************************************
smaller than 1400
*************************************************************************************/
@media screen and (max-width: 1400px){
	.main{
		width: 990px;
		margin: 0 auto;
	}
	.outer-wrap {
		width: 870px;
	}
	.movies{
		width: 93%;
		margin-left: 3%;
	}
	.s{
		margin-left: 5px;
	}
	.white, .banner-bevel {
		padding: 5px 11px 6px;
	}
	.pic4{
		display: none;
	}
	.image{
		width: 23%;
	}
	.movieconpic{
		height: 256px;
		margin-bottom: 6%;
		width: 100%;
	}
	.moviedata {
		margin: 2px;
		width: 40%;
	}
	.goingto {
		margin-left: 1%;
	}
	.moviecontent{
		margin-left: 6%;
	}
	.widthflex2{
		width: 33%;
	}
	ul.box li{
		margin: 0% 30px 0% 0%;
	}
	.ticketpic {
		width: 16%;
	}
	.cinemacontainer{
		margin-left: 1%;
	}
	.leftblock{
		width: 55%;
	}
	.moviedata{
		width: 50%;
	}
	ul.bx li{
		width: 24%;
	}
	.triangle{
		margin-top: 4%;
		margin-left: -14.5%;
	}
	.movie-pic{
		height: 175px;
	}
}
/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px){
}
/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px){
	.mainleft{
		display: none;
	}
	.main{
		width:764px;
	}
	.outer-wrap{
		width: 764px;
	}
	.container{
		width: 99.3%;
	}
	.container-top-button{
		width: 93%;
	}
}
/************************************************************************************
smaller than 840
*************************************************************************************/
@media screen and (max-width: 840px){
	.outer-wrap {
		padding-top: 50px;
		width: 100%;
	}
	.main{
		width: 98%;
	}
	.goingto{
		width: 32%;
	}
	.clearfoot{
		height: 0px;
	}
}
/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px){
	.ads-visible{
		display: none;
	}
	.cinema-right{
		width: 95%;
	}
	.introduction{
		margin-left: 2%;
	}
	.container-right{
		display: none;
	}
	.container-left{
		width: 100%;
	}
	.goingto{
		width: 98%;
	}
	.movieconpic{
		height: 215px;
	}
	.container-top-bottom {
		height: 120px;
	}
	.vedio{
		width: 100%;
	}
	.widthflex{
		width: 96%;
		margin-top: 3%;
	}
	.frame{
		width: 98%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.moviepic{
		width: 96%;
		height: 280px;
	}
	.leftblock{
		width: 100%;
	}
	ul.bx li{
		width: 28%;
	}
	.triangle{
		margin-top: 5%;
		margin-left: -17%;
	}
	ul.box li {
		margin: 0% 8px 0% 0%;
	}
	.tag2{
		width: 70%;
	}
	.movieicon{
		display: none;
	}
	.container-middle-down{
		display: none;
	}
	.movieline4{
		display: none;
	}
	hr{
		display: none;
	}
	.mobile-bx{
		display: block;
	}
	.moremovie2{
		display: block;
	}
	.moremovie{
		display: none;
	}
	.m-video{
		height: 214px;
	}
	.ticketpic{
		display: none;
	}
	.cinemacontainer {
		margin-left: 3%;
		width: 97%;
	}
	.date1{
		width: 90%;
	}
	.cinema-icon{
		margin-left: 1%;
		margin-top: 1%;
	}
	.long{
		display: none;
	}
	.short{
		display: block;
	}
	.movieintro2{
		display: none;
	}
	.ticket-w{
		display: block;
		margin-top: 3%;
		margin-left: 3%;
	}
	.ticket-w2{
		margin-left: 7%;
		display: block;
		margin-top: 3%;
	}
	.container-head{
		height: 35px;
	}
	.bodytoppic {
		margin-top: 6px;
	}
	.bodytoptable {
		float: left;
		margin-top: 10px;
		margin-left: 2%;
		font-size: 14px;
	}
	.t-overf{
		width: 39%;
	}
	.name1{
		font-size: 18px;
	}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px){
	.moviedata{
		width: 70%;
	}
	.movie-pic{
		height: 166px;
	}
	.image{
		width: 31%;
	}
	.movieconpic {
		height: 180px;
	}
	.pic5{
		display: none;
	}
	.container-top-button{
		width: 93%;
	}
	.button1{
		padding: 5px 10px 6px;
	}
	.button4{
		padding: 5px 21px 6px;
	}
	.button5{
		padding: 5px 5px 6px;
	}
	.button2, .button3, .button6{
		padding: 5px 13px 6px;
	}
	.moviepic{
		height: 214px;
	}
	.ticketpic{
		width: 135px;
		height: 108px;
	}
	.cinemacontainer {
		margin-left: 2%;
		margin-top: 2%;
	}
	ul.bx li{
		width: 32%;
	}
	.cinema-name, .num, .add, .introduction{
		margin-left: 2%;
	}
	.topmovie{
		height: 185px;
	}
	.triangle{
		margin-top: 6%;
		margin-left: -22.5%;
	}
	ul.box li {
		margin: 0% 0px 0% 0%;
	}
	.cinema-right{
		width: 95%;
	}
	.tag{
		width: 98%;
	}
	.clearfoot{
		display: none;
	}
	.intro-c{
		display: none;
	}
}
/************************************************************************************
smaller than 380
*************************************************************************************/
@media screen and (max-width: 380px){
	.movieconpic{
		height: 156px;
	}
	.movie-pic{
		height: 146px;
	}
	.container-top-bottom {
		height: 148px;
	}
	.container-top-button{
		margin-left: 14%;
		width: 80%;
	}
	.moviedata{
		width: 69%;
	}
	ul.bx li{
		width: 48%;
	}
	.details-content{
		margin-top: 5%;
		margin-left: -6.5%;
	}
	.triangle{
		margin-top: 9%;
		margin-left: -28%;
	}
	.cinemacontainer {
		width: 93%;
	}
	.num{
		width: 90%;
	}
	.add{
		width: 90%;
	}
	.topmovie {
		height: 177px;
	}
	.list1{
		margin-top: 5%;
	}
}
/************************************************************************************
smaller than 340
*************************************************************************************/
@media screen and (max-width: 340px){
	.container-top-button{
		margin-left: 10%;
	}
	.moviedata{
		width: 65%;
	}
	.moviecontent{
		width: 237px;
		margin-left: 8%;
	}
	.movie-pic{
		height: 126px;
	}
	.movieconpic{
		height: 133px;
	}
}