ul {
    list-style: none;
}
.w980{ margin-top: 45px !important;}
.bao-news{float:left;width:50%}
.top_news{float:left;padding-right:3%;}
.top_news img{width:100%;}
.top_news a{float:left;}
.top_news a:hover{    box-shadow: 0 0 15px rgba(0,0,0,.3);    z-index: 10;}
.PageHomeContainer {
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    background: #fff;
	float: left;
	margin-top: 20px;
	padding-right: 10px;
}

.category{margin:20px auto;float:left;width:100%;height:100%;}
.category:first-child{margin-top:-0;}
.border-plus{    width: 11px;    height: 5px;    position: absolute;    left: 100%;}
/*---------------- menu left -----------------*/
.menu-left{width:230px;float:left;}
.menu-left .category-title{color:#fff;padding: 15px 5px; font-size: 13px; font-weight: normal;text-transform:uppercase;}
.menu-left .category-title a{color: rgb(255, 255, 255); font-weight: bold; font-family: arial,sans-serif;}
.menu-left ul{background:#fff;display:block;}
.menu-left ul li {border-bottom:1px dotted #ccc ; padding:15px 20px;}
.menu-left ul li a{font-size:13px;    text-transform: capitalize;}
.menu-left ul.tag-mobile{display:none;}
/*---------------- content-right -----------------*/
.content-right{float:right;margin-top:5px;    background: #fff;}
.content-right .col1,.content-right .col2,.content-right .col3{width:23%; float:left; background: #fff;}
.content-right .col1{min-height:1px;}
.content-right .col2{width:54%;}
.content-right .col2 img,.content-right .col-mobile img{width:100%;}
.content-right .content1 img{height:176px;}
.content-right .content2 img{height:176px;}

.content-right .content4 img{height:176px;}
.content-right .content5 img{height:176px;}

.content-right .content1{padding-bottom:0;float:left;width:100%;margin-left:2px;margin-top:5px;position: relative;}

.content-right .content2{margin-top:10px;float:left;width:100%;margin-left:2px;position: relative;}

.content-right .content3{    margin-left: 5px;margin-top:5px;position: relative;    float: left;    width: 100%;}

.content-right .content4{padding-bottom:0;float:left;width:100%;margin-left:8px;margin-top:5px;position: relative;}
.content-right .content5{margin-top:10px;float:left;width:100%;margin-left:8px;position: relative;}
.content-right div[class^=content] {overflow:hidden;}
.content-right div[class^=content]:hover .title{display:block;}
.content-right div[class^=content] a{color: #fff;}
.content-right div[class^=content] img{
	
    webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
	float:left;width:100%;
}
.content-right div[class^=content]:hover img,.content-right .col-mobile:hover img{
	-webkit-transform: scale(1.2,1.2);
    -webkit-transform-origin: top right;
    -moz-transform: scale(1.2,1.2);
    -moz-transform-origin: top right;
    -o-transform: scale(1.2,1.2);
    -o-transform-origin: top right;
    transform: scale(1.2,1.2);
	
}
.mobile-title{display:none;}
.col-mobile{display:none;width:100%;background:#fff;position:relative;overflow:hidden;color:#fff;border-bottom: 1px solid #ccc;margin-bottom: 10px;}

.content-right .title-right{float:right;width:100%;opacity: 1;position: absolute;bottom: 0px;left: 0;font-size: 18px;}

.content-right .title{padding-left:10px;font-weight:bold;padding-right: 10px;font-size: 12px;text-align: center;
	padding-top: 5px;padding-bottom: 5px;text-transform: uppercase;}
.content-right .remain{padding:23px 10px;border-radius:50px;font-weight:bold;font-size: 12px;text-align: center;
	position: absolute;top: -80px;left: 10px;-moz-transition: all 0.45s ease;-webkit-transition: all 0.45s ease;-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease; transition: all 0.45s ease;color:#fff;}
.content-right div[class^=content]:hover .remain{top:10px;}
.content-right .col-mobile:hover .remain{top:0;}
.content1 .title,.content2 .title {margin-left: 2px;}	
.content4 .title,.content5 .title {margin-left: 5px;}	
.content3 .title{padding-top: 10px;padding-bottom: 10px;font-size: 19px;display:none;}

.content-right .instruction{padding-left:10px;padding-right:10px;font-weight:normal;font-size: 12px;margin-top: 10px;overflow:hidden;}
.content-right .more{padding-left:10px;}

.content3 .title-right{bottom:-70px;-moz-transition: all 0.45s ease;-webkit-transition: all 0.45s ease;-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease; transition: all 0.45s ease;}
.content3:hover .title-right{bottom:0;}

/*---------------jscarousel----------------------*/
.slider-favorite{float:left;width:100%;  background-color: #FFF; padding-top: 20px;border: 1px solid #ccc;border-top:none;margin-left: -1px;}
.slider-favorite h2{

background: #FFAC02 none repeat scroll 0% 0%;
color: #FFF;
padding: 15px;
font-size: 16px;
}
.primary{
float: left; width: 75%;  margin-top: -15px; border-top: 11px solid rgb(255, 255, 255); margin-bottom: -9px; border-bottom: 4px solid rgb(255, 255, 255);

}
.AdsVanv2{float:left; }
.adsvanseting{

float: left; width: 336px;height:280px;  margin:0px auto;
border-top: 11px solid rgb(255, 255, 255);  border-bottom: 4px solid rgb(255, 255, 255);

background: #fff;
}
@media (max-width: 800px) {
	.bao-news{width:100%;}
	.bao-news:last-child{margin-top: 10px;}
		
	.border-plus{display:none;}
.w980{width:95% !important;margin-top:0 !important;}
.PageHomeContainer{border:none;}
.slider-favorite{border:none;}
.adsvanseting{
float: left; width: 100%;  margin-top:10px;
margin-top: -15px;
background: #fff;
border-top: 11px solid rgb(255, 255, 255); margin-bottom: -9px; border-bottom: 4px solid rgb(255, 255, 255);
}
.primary{
float: left; width: 100%; height: 400px; margin-top: -15px; border-top: 11px solid rgb(255, 255, 255); margin-bottom: -9px; border-bottom: 4px solid rgb(255, 255, 255);

}
.category{height:auto; }
.menu-left{width:100%;}
.menu-left ul.tag{display:none;}
.content-right{width:100%;    padding-top: 10px;}
.content-right .col1, .content-right .col2, .content-right .col3 {width:100%;height:auto;}
.content-right div[class^="content"] img{height:auto;}
.category-title{display:none;margin-top:0 !important;}
.mobile-title{display:block;background:url(../img/white-arrow-down16.png) no-repeat top 50% left 95%;cursor:pointer;}
.col-mobile{display:block;}
.col2{display:none;}
.content-right .instruction{display:none;}
.content-right .img-left{float:left;width:100%;}
.content-right .title-right{width:100%;}
.content-right .title{padding-top:10px;padding-bottom:10px;margin-left:0;color: #fff;}
.content-right .content2,.content-right .content5{padding-left:0;}
.content-right .content1,.content-right .content4{padding-top:10px;padding-left:0;}

}
@media (max-width: 500px) {

/*.slider-favorite{display:none;}*/
.adsvanseting{
float: left; width: 100%%;  margin:10px 0 0;
}
.primary{float: left; width: 100%; height: auto; margin-top: -15px; }
}