#window{
	/* margin:30px auto 30px; */
	border-radius:6px;
	background:#fff;
	width: 925px;
	/* height:620px; */
	/* overflow:hidden; */
	position:relative;
	float: right;
}
#header{
	background:#e3e5e9;
	height:33px;
	padding-left:18px;
}
#header .circle{
	background:#9fa2a8;
	border-radius:50%;
	float:left;
	width:12px;
	height:12px;
	margin-right:6px;
	margin-top:11px;
}

.thumbs{/* padding:10px 50px 30px 70px; */}
.thumbs p, .thumbs p.floating-thumb{
  background: #e3e5e9;
  width: 155px;
  height: 60px;
  margin: 30px 30px 0 0;
  border-radius: 4px;
  float: left;
  padding-top: 121px;
}

.floating-thumb{
	background: #e3e5e9;
	width: 155px;
	height: 60px;
	border-radius: 4px;
	float: left;
	padding-top: 121px;
	position:absolute;
	top: 156px;
	left: 70px;
	display: none;
}
.floating-thumb.animate{
	width:303px;
	height:80px;
	margin-top:20px;
	padding-top: 326px;	
	top: 146px;
    left: 186px;
	-webkit-transition: all 400ms cubic-bezier(0,.93,.33,.99);
	   -moz-transition: all 400ms cubic-bezier(0,.93,.33,.99);
	    -ms-transition: all 400ms cubic-bezier(0,.93,.33,.99);
	     -o-transition: all 400ms cubic-bezier(0,.93,.33,.99);
		    transition: all 400mscubic-bezier(0,.93,.33,.99);
}
.thumbs p span, p.floating-thumb span{
	display:block;
	height:10px;
	margin:10px 20px;
	background:#d2d4d9;
	border-radius:2px;
}
.thumbs p span.short, p.floating-thumb span.short{width:50px;}
.thumbs p:hover{
	background:#dfe0e5;
	cursor:pointer;
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
	    -ms-transition: all 100ms ease-out;
	     -o-transition: all 100ms ease-out;
		    transition: all 100ms ease-out;
	
}
#headline{/* padding:39px 50px 0px 70px; */}
#headline p{

}
#headline p.short{width:220px;}

#grid-selector{
	width: 100%;
	float: right;
	margin-bottom: 20px;
}

#viewCarousel{
	background:#e3e5e9;
	width:20px;
	height:20px;
	float:right;
	border-radius:1px;
}
#viewCarousel:hover{
	cursor:pointer;
}

#viewCarousel:hover, #viewGrid:hover p{
	cursor:pointer;
	background:#cacdd1;
}
#viewCarousel.active, #viewGrid.active p{
	color:#5298fc;
}
#viewGrid{
	width:22px;
	height:20px;
	float:right;
	margin-top:-1px;
	margin-right:5px;
}

#viewGrid p{
	background: #e3e5e9;
	  width: 9px;
	  height: 9px;
	  float: right;
	  border-radius: 1px;
	  margin: 1px;
}
#viewGrid.active p, #viewCarousel.active{
	background:#9fa2a8;
}

#carousel{

}
#carousel .innerCarousel{

width: 920px !important;

float: right;
}
.innerCarousel
{}
.innerCarousel li
{
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.xtjia
{}
.xtjia {
    width: 60%;
    float:right;
}
.xtjia h1
{
    font-size: 24px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 5px;
}
.xtjia p
{
    line-height: 24px;
    margin-bottom: 15px;
}
.xtjia span {
    width: 130px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #ff0000;
}
.xtjia span a
{
	color: #fff;
}
.xtjia_img {
    height: 210px;
    float:left;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 340px;
    border: 1px solid #eee;
}
.xtjia_img img {
    object-fit: scale-down;
    line-height: 210px;
    height: 210px;
    width: 100%;
    overflow: hidden;
}
#carousel .innerCarousel div{
	/* width:	337px; */
	/* height:448px; */
	/* text-align:center; */
	/* float:left; */
}
#carousel .innerCarousel div p{
  /* background: #e3e5e9; */
  /* width: 220px; */
  /* height: 73px; */
  /* margin: 30px auto 0 auto; */
  /* border-radius: 4px; */
  /* padding-top: 300px; */
  /* margin-top: 38px; */
  /* -webkit-transition: all 300ms cubic-bezier(0,.93,.33,.99); */
  -moz-transition: all 300ms cubic-bezier(0,.93,.33,.99);
  -ms-transition: all 300ms cubic-bezier(0,.93,.33,.99);
  -o-transition: all 300ms cubic-bezier(0,.93,.33,.99);
  /* transition: all 300ms cubic-bezier(0,.93,.33,.99); */
}
#carousel .innerCarousel div p:hover{cursor:pointer;}
#carousel .innerCarousel div p.current:hover{cursor:normal;}

#carousel .innerCarousel div p.current{
	width:303px;
	height:80px;
	margin-top:20px;
	padding-top: 326px;	
	-webkit-transition: all 300ms cubic-bezier(0,.93,.33,.99);
	   -moz-transition: all 300ms cubic-bezier(0,.93,.33,.99);
	    -ms-transition: all 300ms cubic-bezier(0,.93,.33,.99);
	     -o-transition: all 300ms cubic-bezier(0,.93,.33,.99);
		    transition: all 300ms cubic-bezier(0,.93,.33,.99);
}
#carousel .innerCarousel span,
p.floating-thumb.animate span{
	/* height:10px; */
	/* display:block; */
	/* margin:10px 30px; */
	/* height:12px; */
	/* background:#d2d4d9; */
	/* border-radius:3px; */
}
#carousel .innerCarousel span.short,
p.floating-thumb.animate span.short{width:170px;}
.title{
	position:absolute; 
	top:152px;
	left:0;
	width:100%;
	height:60px;
	overflow:hidden;
	-webkit-transition: all 400ms cubic-bezier(0,.93,.33,.99) 120ms;
	   -moz-transition: all 400ms cubic-bezier(0,.93,.33,.99) 120ms;
	    -ms-transition: all 400ms cubic-bezier(0,.93,.33,.99) 120ms;
	     -o-transition: all 400ms cubic-bezier(0,.93,.33,.99) 120ms;
		    transition: all 400ms cubic-bezier(0,.93,.33,.99) 120ms;
}


@media screen and (max-width: 64rem){
#window {
    /* margin: 30px auto 30px; */
    border-radius: 6px;
    background: #fff;
    width:100%;
    /* height: 620px; */
    /* overflow: hidden; */
    position: relative;
}
#grid-selector {
    width: 100%;
    float: right;
    margin-bottom: 20px;
    margin-top: 30px;
}
#carousel .innerCarousel {
    width: 100% !important;
    float: left;
}
.xtjia_img {
    height: 210px;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
}
.xtjia {
    width: 100%;
    float: left;
    margin-top: 20px;
}
}