.oneblock {
 /* position: absolute;*/
  overflow: hidden;
/*  background: #f6f6f6;*/
/*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)*/;
}

.imgtext-lr .pic {
  width: 65%;
  height: 100%;
  float: left;
}
.imgtext-lr .text {
  margin-left: 65%;
  height: 100%;
}

.imgtext-lr .text i.arrow{
  border-color: transparent white transparent transparent;
/*  border-style: dashed solid dashed dashed;*/
  top: 40px;
  left: -24px;
}
.imgtext-lr:hover .text i.arrow {
  border-color: transparent #252525 transparent transparent;
}
.imgtext-rl .pic {
  float: right;
  width: 65%;
  height: 100%;
}
.imgtext-rl .text {
  margin-right: 65%;
  height: 100%;
}

.imgtext-rl .text i.arrow {
	border-color: transparent transparent transparent white;
	border-style: dashed dashed dashed solid;
	top: 54px;
	right: -22px;
}
.imgtext-rl:hover .text i.arrow {
  border-color: transparent transparent transparent #252525;
}
.imgtext {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.imgtext .pic {
  overflow: hidden;
  background: black;
}
.ie6 .imgtext .pic {
  background: #cccccc;
}
.imgtext .pic img {
  margin-top: -9999px;
  opacity: 1;
  -ms-interpolation-mode: bicubic;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.imgtext .text {
  background: white;
  text-align: left; position: relative;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.imgtext .text h2.name {
  color: #252525;
  font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;
  font-size: 14px;
  padding: 15px 20px 0 20px;
}
.imgtext .text .time {
  padding: 10px 20px 0 20px;
  font-family: Adorable, Arial, sans-serif;
  color: #cccccc;
}
@media all and (max-width: 1240px) {
  .imgtext .text .time span {
    display: none;
  }
}
.imgtext .text .source {
  opacity: 0;
  filter: alpha(opacity=0);
  float: left;
  margin: 5px 0 0 20px;
  padding: 3px;
  font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;
  background: #f2f2f2;
  color: #333333;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.imgtext .text .source:hover {
  color: #ba2636;
}
@media all and (max-width: 1240px) {
  .imgtext .text .source {
    display: none;
  }
}
.imgtext .text .comment {
	display: block;
	height: 15px;
	padding-left: 18px;
	position: absolute;
	bottom: 15px;
	left: 80px;
	background: url("../img/icon_comment.png") top left no-repeat;
	font-family: Adorable, Verdana;
	font-style: italic;
	color: #cb6b80;
}
.imgtext .text i.arrow {
  display: block;
  border-width: 12px;
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  position: absolute;
  -webkit-transition: border-color 0.5s ease-out;
  -moz-transition: border-color 0.5s ease-out;
  -o-transition: border-color 0.5s ease-out;
  transition: border-color 0.5s ease-out;
}
.imgtext:hover .pic img {
  opacity: .7;
}
.imgtext:hover .text {
  background: #252525;
}
.imgtext:hover .text h2.name {
  color: white;
}
.imgtext:hover .text .source {
  opacity: 1;
  filter: alpha(opacity=100);
}
.imgtext:hover .text .comment {
  color: white;
  background-position: left -20px;
}
