.beyaz {

  background: #ffffff;

  padding: 20px;

}

.arkarenk {

  background:#f3f4f6;padding:10px;border-radius:4px; margin-bottom:20px;

}

.post-desc-ttl {

    color: #283346;

    font-weight: 500;

    font-size: 15px;

    border-bottom: 1px solid #e0e4f6;

    margin: 0 0 14px;

}

.post-props {

    padding: 20px 5px 0 2%;

    overflow: hidden;

    border-bottom: 1px solid #e0e4f6;

}

.post-cont {

    border-top: 1px solid #e0e4f6;

    padding: 10px

0 0;

    overflow: hidden;

}

.post-cont {

    padding: 20px 0 0;

    overflow: hidden;

    border-bottom: 1px solid #e0e4f6;

}

.post-more-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 40%;

    padding: 20px 22px 25px;

    border-right: 1px solid #e0e4f6;

    border-top: 1px solid #e0e4f6;

    overflow: hidden;

}

.post-more-wrap a {

    transition: all 0.2s;

    border: 1px solid #139ee8;

    border-radius: 2px;

    color: #283346;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

    height: 34px;

    display: block;

    letter-spacing: 0.03em;

    padding: 7px 51px;

   width: 445px;

  text-align: center;

}

.screen a#img-zoom {

    height: 190px;

}

.screen a#img-zoom {

    width: 100%;

    margin: 15px

0%}

.screen a#img-zoom {

    width: 48%;

    height: 250px;

}

.screen a#img-zoom {

    width: 31.3%;

    float: left;

    height: 350px;

    overflow: hidden;

    margin: 15px 1%;

    text-align: center;

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 0 15px rgba(0,  0,  0,  0.15);

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    border:  1px solid rgba(0,  0,  0,  0.1);

  padding: 10px;

}

.screen a#img-zoom:hover {

    box-shadow: 0px 20px 30px rgba(0,  0,  0,  0.2);

}

.screen a#img-zoom:hover+p {

    color: #139ee8;

}

.b-short .post-img {

    width: 100%;

    position: relative;

    top: auto;

    left: auto;

    bottom: auto;

    height: auto;

    border-right: none;

    padding-bottom: 70%}

.b-short .post-img

a {

    width: 100%;

    padding: 3%}

.b-short .post-img {

    width: 350px;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    display: block;

    border-right: 1px solid #e0e4f6;

    overflow: hidden;

}

.b-short .post-img a {

    padding: 20px;

    width: 350px;

    position: absolute;

    top: 0;

    left: 0;

    height: 95%;

    vertical-align: middle;

    display: block;

    overflow: hidden;

}

.b-short .post-img img {

    width: 100%;

}

.b-full {

    margin-top: 5px;

    margin-bottom: 5px;

    z-index: 2;

    position: relative;

    box-shadow: inset 0 -4px 0px 0px #dfe2f0,  0 10px 20px 0px rgba(192, 196, 215, 0.25);

    border-radius: 4px;

    background: #fff;

    padding: 0 0 0 40%;

}

.b-full:after {

    clear: both;

    display: block;

    content: '';

}

.b-full .post-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 40%;

    overflow: hidden;

    border-right: 1px solid #e0e4f6;

    height: 87.5%;

    display: block;

}

.b-full .post-img a {

    width: 100%;

    padding: 20px;

    position: absolute;

    top: 0;

    left: 0;

    height: 90%;

    vertical-align: middle;

    display: block;

    overflow: hidden;

}

.b-full .post-img img {

    width: 100%;

}

.b-full .post-cont {

    float: left;

    width: 100%;

    font-size: 14px;

    color: #777;

}

.b-full .post-colors {

    position: relative;

    z-index: 2;

    font-size: 16px;

    color: #abafc2;

    font-weight: 400;

    padding: 15px 4%;

    border-top: 1px solid #e0e4f6;

}

.b-full .post-colors ul {

    display: inline-block;

}

.b-full .post-colors ul li {

    display: inline-block;

    vertical-align: middle;

    width: 34px;

    height: 34px;

    margin: 0 12px 0 0;

    overflow: hidden;

    transition:  all 0.2s;

}

.b-full .post-colors ul li.active:hover  {

    border-color:  #139ee8;

}

.b-full .post-colors ul li span {

    display:  block;

    width:  100%;

    height:  100%;

    border-left:  13px solid transparent;

    border-right:  13px solid;

    border-bottom:  13px solid;

    border-top:  13px solid transparent;

}

.b-full .post-desc {

    color: #868ca7;

    font-size: 15px;

    overflow: hidden;

    border-top: 1px solid #e0e4f6;

    padding: 15px 4%;

}

.b-full .post-desc-ttl {

    color: #283346;

    font-weight: 500;

    font-size: 15px;

    border-bottom: 1px solid #e0e4f6;

    margin: 0 0 14px;

}

.b-full .post-desc-ttl> span {

    padding: 0 0 12px;

    display: inline-block;

    position: relative;

}

.b-full .post-desc-ttl> span:after {

    position: absolute;

    height: 1px;

    background: #139ee8;

    width: 100%;

    bottom: -1px;

    left: 0;

    content: '';

    display: block;

}

.b-full a#post-showdesc {

    float: right;

    padding: 0 0 12px;

    display: inline-block;

    position: relative;

    font-weight: 400;

    font-size: 15px;

    color: #139ee8;

    transition: all 0.2s;

    border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.b-full a#post-showdesc:hover {

    border-color: #139ee8;

}

.b-full .post-desc p {

    line-height: 180%;

    padding: 0;

}

.b-full .post-desc a {

    color: #139ee8;

    transition: all 0.2s;

    border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.b-full .post-desc a:hover {

    border-color: #139ee8;

}

.b-full .post-props {

    padding: 22px 4% 0px;

}

.b-full .post-props dl {

    overflow: hidden;

    margin: 0 0 15px;

}

.b-full .post-props dt {

    width: 22%;

    float: left;

    padding: 13px 5px 13px 10px;

    font-weight: 500;

    color: #283346;

    line-height: 1;

    font-size: 14px;

    border-top: solid 1px #e1e2e4;

    position: relative;

}

.b-full .post-props dt:nth-of-type(2n+1) {

    clear: left;

}

.b-full .post-props dt:after {

    content: '';

    right: 0;

    width: 5px;

    top: 13px;

    height: 13px;

    background: #eaebee;

    display: block;

    z-index: 9999;

    position: absolute;

}

.b-full .post-props dd {

    width: 25%;

    float: left;

    color: #283346;

    padding: 13px 5px 13px 20px;

    font-weight: 300;

    border-top: solid 1px #e1e2e4;

    line-height: 1;

    font-size: 14px;

}

.b-full .post-props dd:nth-of-type(2n+1) {

    margin-right: 6%;

}

.b-full .post-props dt a {

    color: #139ee8;

    transition: all 0.2s;

    border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.b-full .post-props dt a:hover {

    border-color: #139ee8;

}

.b-full .post-props dt:nth-of-type(1),  .b-full .post-props dd:nth-of-type(1),  .b-full .post-props dt:nth-of-type(2),  .b-full .post-props dd:nth-of-type(2) {

    border-top: 0;

}

.b-full .post-info {

    border-top: 1px solid #e0e4f6;

    padding: 22px 4%;

}

.b-full .post-info:after {

    clear: both;

    display: block;

    content: '';

}

.b-full .post-price-wrap {

    padding: 7px 0;

}

.b-full .post-price-wrap p {

    padding: 0;

    display: inline-block;

}

.b-full .post-price-wrap .post-price {

    margin: 0;

    padding: 0;

    color: #283346;

    font-weight: 500;

    font-size: 15px;

}

.b-full .post-more-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 40%;

    padding: 20px 22px 25px;

    border-right: 1px solid #e0e4f6;

    border-top: 1px solid #e0e4f6;

    overflow: hidden;

}

.b-full .post-more-wrap p {

    margin: 0 5px;

    float: left;

}

.b-full .post-more-wrap a {

    transition: all 0.2s;

    border: 1px solid #139ee8;

    border-radius: 2px;

    color: #283346;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

    height: 34px;

    display: block;

    letter-spacing: 0.03em;

    padding: 7px 51px;

    width: 445px;

}

.b-full .post-more-wrap a:hover {

    background: #139ee8;

    color: #fff;

}

.b-full .post-add {

    float: right;

    width: 200px;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    color: #139ee8;

    text-transform: uppercase;

    position: relative;

}

.b-full .post-add:after {

    position: absolute;

    content: '';

    display: block;

    width: 1px;

    background: #e0e4f6;

    height: 36px;

    margin: 0 0 0;

    top: -6px;

    left: 0;

}

.b-full .post-add a {

    position: relative;

    display: inline-block;

    padding: 0 0 0 35px;

}

.b-full .post-add a:hover {

    color: #868ca7;

}

.b-full .post-add a:after {

    width: 19px;

    height: 15px;

    display: block;

    content: '';

    overflow: hidden;

    top: 3px;

    left: 0;

    position: absolute;

}

.b-full .post-add a:hover:after  {

    background-position:  left top;

}



.b-full .post-img {

    height: 88.5%}

.b-full .post-more-wrap

a {

    padding: 7px

29px;

}

}@media only screen and (max-width : 992px) {

    .cont {

    width: 750px;

}



.b-full .post-img {

    height: 72%}

.b-full .post-img

a {

    height: 95%}

.b-full .post-props

dd {

    width: 50%}

.b-full .post-props dd:nth-of-type(2n+1) {

    margin-right: 0;

}

.b-full .post-props

dt {

    width: 50%;

    clear: left;

}

.b-full .post-info {

    margin-left: 16.5%}

.b-full .post-add {

    width: 200px;

}

.b-full .post-more-wrap {

    width: 50%}

.b-full .post-more-wrap

a {

    padding: 7px

25px;

}

.b-full .post-colors {

    margin-left: -66.5%}

.b-full .post-desc {

    margin-left: -66.5%}

  

  .b-full {

    margin-top: 27px;

    margin-bottom: 49px;

    z-index: 2;

    position: relative;

    padding: 0;

    min-height: inherit;

}

.b-full .post-img {

    width: 100%;

    position: relative;

    top: auto;

    left: auto;

    bottom: auto;

    height: auto;

    border-right: none;

    padding-bottom: 70%}

.b-full .post-img

a {

    padding: 3%}

.b-full .post-props

dt {

    width: 50%;

    clear: left;

}

.b-full .post-props

dd {

    width: 50%}

.b-full .post-props dd:nth-of-type(2n+1) {

    margin-right: 0;

}

.b-full .post-desc {

    margin-left: 0;

}

.b-full .post-more-wrap {

    position: relative;

    width: 100%;

    padding: 20px

4% 10px;

    border-right: 0;

    border-top: 1px solid #e0e4f6;

    border-bottom: 1px solid #e0e4f6;

}

.b-full .post-more-wrap

p {

    display: block;

    margin: 0

0 15px;

    width: 100%;

    text-align: center;

}

.b-full .post-more-wrap

a {

    padding: 10px

13px;

    height: 39px;

}

.b-full .post-colors {

    margin-left: 0;

    text-align: center;

}

.b-full .post-colors

p {

    display: none;

}

.b-full .post-info {

    margin-left: 0;

}