/* line 1, ../sass/designer.scss */
body {
  background: #eee;
}
a.topimg{
position:fixed;
z-index:500;
right:18px;
top:500px;
background:url(../image/top.png) 0 0;
width:36px;
height:65px;
}
a.topimg:hover{
background:url(../image/top.png) 0 -65px;
}

.topimg.blur{
background-position:0 0;
}

.topimg.focus{
background-position:0 65;
}
/* line 5, ../sass/designer.scss */
.main {
  width: 1280px;
  padding: 0 96px;
}
/* line 8, ../sass/designer.scss */
.main .author {
  height: 270px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 15px;
  position: relative;
}
/* line 13, ../sass/designer.scss */
.main .author .circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 70px 30px 0 22px;
}
/* line 19, ../sass/designer.scss */
.main .author div {
  position: absolute;
  top: 85px;
  left: 200px;
  font-size: 12px;
}
/* line 25, ../sass/designer.scss */
.main .author p {
  width: 300px;
  color: #969696;
}
/* line 28, ../sass/designer.scss */
.main .author p.name {
  color: #feae23;
  font-size: 16px;
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
/* line 36, ../sass/designer.scss */
.main .author span {
  color: #feae23;
}
/* line 40, ../sass/designer.scss */
.main > h3 {
  color: #3e3e3e;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  padding: 5px 0 20px 10px;
}
/* line 47, ../sass/designer.scss */
.main .row {
  margin-bottom: 50px;
}
/* line 49, ../sass/designer.scss */
.main .row .thumbnail {
  width: 260px;
  height: 474px;
  padding: 15px 0 0 0;
  border: 0px;
}
/* line 54, ../sass/designer.scss */
.main .row .thumbnail a {
  position: relative;
}
/* line 56, ../sass/designer.scss */
.main .row .thumbnail a .cover {
  width: 230px;
  height: 346px;
}
/* line 60, ../sass/designer.scss */
.main .row .thumbnail a .hover {
  position: absolute;
  top: 143px;
  left: 100px;
  z-index: 1000;
  max-width: 300px;
}
/* line 68, ../sass/designer.scss */
.main .row .thumbnail .caption {
  padding: 12px 14px 0 14px;
}
/* line 70, ../sass/designer.scss */
.main .row .thumbnail .caption h3 {
  color: #4c4c4c;
  font-size: 16px;
  margin: 0 0 12px 0;
}
/* line 75, ../sass/designer.scss */
.main .row .thumbnail .caption p {
  font-size: 12px;
  color: #939393;
  line-height: 20px;
  margin-bottom: 5px;
}
/* line 81, ../sass/designer.scss */
.main .row .thumbnail .caption span {
  padding-right: 10px;
}
/* line 83, ../sass/designer.scss */
.main .row .thumbnail .caption span em {
  color: #fd4d01;
  font-style: normal;
}
/* line 87, ../sass/designer.scss */
.main .row .thumbnail .caption span img {
  padding-right: 6px;
  height: 12px;
}
/* line 95, ../sass/designer.scss */
.main .comments {
  width: 608px;
  margin: 0 28px;
}
/* line 98, ../sass/designer.scss */
.main .comments h3 {
  font-size: 18px;
  color: #f86290;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0;
}
/* line 105, ../sass/designer.scss */
.main .comments .list .list-group-item {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0px;
  padding: 38px 0px;
  margin: 0px;
  background: #eee;
}
/* line 112, ../sass/designer.scss */
.main .comments .list .list-group-item img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 10px;
}
/* line 119, ../sass/designer.scss */
.main .comments .list .list-group-item .comment p {
  font-size: 14px;
  color: #000;
  margin: 0px;
}
/* line 123, ../sass/designer.scss */
.main .comments .list .list-group-item .comment p.name {
  font-size: 12px;
  color: #9d9799;
}
/* line 131, ../sass/designer.scss */
.main .comments .more {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #9d9799;
  background: #e7e7e7;
  display: block;
  margin-bottom: 44px;
}
/* line 141, ../sass/designer.scss */
.main .comments .add-comment textarea {
  width: 100%;
  height: 80px;
  line-height: 20px;
  font-size: 12px;
  color: #9d9799;
  border: 1px solid #f86290;
  border-bottom: 1px solid #dfdfdf;
  background: #eee;
}
/* line 151, ../sass/designer.scss */
.main .comments .add-comment div {
  border: 1px solid #f86290;
  border-top: 0px;
  margin-bottom: 100px;
  margin-top: -5px;
  height: 38px;
  line-height: 20px;
}
/* line 158, ../sass/designer.scss */
.main .comments .add-comment div img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 2px 2px;
}
/* line 164, ../sass/designer.scss */
.main .comments .add-comment div button {
  width: 50px;
  font-size: 12px;
  background: #f86290;
  color: #fff;
  border: 0px;
  margin: 3px 14px;
  float: right;
}
