﻿/*------------------------通用图片切换---------------*/
/* main_image */
.main_visual{border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:155px;overflow:hidden;position:relative;}
.main_image ul{width:315px;height:155px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;position:relative;}
.main_image li .img_box{display:block;width:100%;}
.main_image li img{display:block;width:100%;height:155px;}
.main_image li h1{position:absolute; bottom:0;width:100%;height:36px;background:rgba(0,0,0,0.5);line-height:36px;font-size:14px;}
.main_image li h1 a{color:#FFF;font-weight:normal;padding: 0 0 0 10px;}


div.flicking_con{position:absolute;bottom:5px;right:50px;z-index:999;height:21px;margin:0 0 0 -50px;_display:none;}
div.flicking_con span{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px;cursor:pointer;}
div.flicking_con span.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:40px!important;height:100px!important;top:50%;margin-top:-50px;display:none;background:url(../images/btn.png) no-repeat}
#btn_prev{background-position:left top;left:20px;}
#btn_next{background-position:right top;right:20px;}


@media only screen and (max-width:768px){
	*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
	input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
	.main_visual,.main_image,.main_image ul,.main_image li,.main_image li .img_box,.main_image li img{height:300px}


@media only screen and (max-width:640px){
	.main_visual,.main_image,.main_image ul,.main_image li,.main_image li .img_box,.main_image li img{height:160px}
}