li{
        list-style:none;
    }
    .btn{
        overflow:hidden;
    }
    .btn li{
        float:left;
       /* width:100px;*/
        height:30px;
        line-height:30px;
        margin-right:30px;
        text-align:center;
        cursor:pointer;
        background:#ccc;
    }
    .btn li.active{
        background:blue;
    }
    .content{
        width:1000px;
        height:500px;
        margin-left:20px;
        border:2px solid blue;
        color:blue;
    }
    .content div{
        display:none;
    }
    .content div.show{
        display:block;

    }
.content_bigimg{
	width:25%;
	height:250px;
	margin-top:100px;
	border:0px solid red;
}
.content_bigimg img{
	width:100%;
	height:200px;
	/* cursor:pointer;*/
} 
.content_bigimg p{
	margin:0;
	padding:0;
	width:95%;
	padding:0 5px;
	text-align:left;
	
	line-height:20px;
	border:0px solid red;
}
.content_bigimg p a{
	text-decoration:none;
	 cursor:pointer; 
}
.content_bigimg p a:hover{
	text-decoration:underline;
}
.ratio_style{
	width:8%;
	height:100%;
}
.ratio_style p{
	width:80px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#2881bd;
	color:#fcfcfc;
}
.smallimg_right{
	width:65%;
	height:100%;
}
.smallimg_right ul{
	margin:0;
	padding:0;
}
.smallimg_right ul li{
	float:left;
	width:135px;
	height:160px;
	border:1px solid red;
}

/*--------------------------*/

 .tab_head h2 {
                /*border-top: solid cornflowerblue 1px;
                border-left: solid cornflowerblue 1px;*/
     width: auto;
     height: 40px;
	 line-height:40px;
     margin: 0;
     float: left;
     font-size:0.8vw;
     text-align: center;
	 padding:0 25px;
	 border-right:1px solid #414141;
	 font-weight:normal;cursor:pointer ;
}
            
.tab_head{
	width:100%;
	height:40px;
	border:1px solid #1a1919;
	background-color:#1a1919;
	color:#fcfcfc;
	overflow:hidden;
	
}			
 .selected {
	background-color:#fcfcfc;
	color:#000;
}  

.tab_content {
    margin-top:15px;
    width: 100%;
	height:auto;
	
}
            
.tab_content div{
     display: none;
}
/*
.tab_content div a{
	color:#000;
	padding:0 5px;
	text-decoration:none;
}
.tab_content div a:hover{
	text-decoration:underline;
	color:#2881bd;
}           
    */        
.tab_content .show{
    display: block;
}

.tab_content  li{
    position:relative;
	float:left;
	width:18%;
	height:280px;
	margin:10px 1% 25px 1%;
	background:#fcfcfc;
	overflow:hidden;
}


.tab_content  li  img{
    width:100%;
	height:200px;
	background-size:cover;
	transition: all 1.2s; -webkit-transition : all 1.2s; 
}
.tab_content li a:hover img{
	width:100%;
	height:200px;
	-webkit-transform:scale(1.1); transform:scale(1.1);
	overflow:hidden;
	filter: alpha(opacity=50);
	opacity: 0.7;

}
.tab_content li h3{
	margin:0 auto;
	padding:0;
	width:95%;
	height:50px;
	line-height:50px;
	text-overflow:ellipsis;
	white-space:nowrap;
    overflow:hidden; 
	border:0px solid #cecfd0;
	margin-top:15px;
}

.tab_content li h3 a{
	color:#000000;
	text-decoration:none;
}
.tab_content  li h3 a:hover{
  color:#861203;
}


.tab_crecommend_heat
{
  width:100%;
  height:41px;
  border-bottom:3px solid #1a1919;
}
.tab_cpd_pagesize
{
  width:260px;
  font-size:16px;
  text-align:left;
  line-height:41px;
  padding-left:5px;
  border-bottom:3px solid #861203;
}