a.a-tag{color:#006bb4 }
.reviews-tabs-container>.reviews-tabs{display: none}
.wrapper{margin-bottom: 10px}


#review-form .review-fieldset{border-bottom:0px}


.tabfocus>ul{
    border-bottom:1px solid #ebebeb;
    margin-top: 20px;
    position:relative;
}
.tabfocus>ul>li{margin-bottom: 0px}
.tabfocus .tab-title{
    float:left;
    text-align:center;
    cursor:pointer;
    width:40%;
    padding:10px 0;
}

.tabfocus .tab-title{
    width:33.3%;
}
.tabfocus .tab-title.write-tab:nth-child(1){
    text-align: left;
}
.tabfocus .tab-title.write-tab span {
    display: inline-block;
    border: 1px solid #aaa;
    padding: 8px 10px;
}
.tabfocus .tab-title.write-tab.active span {
    border: 1px solid #3399cc;
    background:#3399cc;
    color:#fff;
}
.tabfocus .tab-title.list-tab{
    width:15%;
    text-align: left;
}
.tabfocus .tab-title.list-tab span {
    font-size: 12px;
}
.tabfocus .tab-title.list-tab.active span {
    color: #3399cc;
}
.filter-reviews-box{
    width: 15%;
    height: 35px;
    float: right;
    margin-top: 5px;
}
#filter-reviews{
    font-size: 12px;
}

.conn dt{font-weight: 300}
.conn .con{ display:none;color:#666;}
.con .form-add h2{margin-top:10px;}
.conn>.current{ display:block;}
.conn .none-review{padding-top:20px;text-align: center}
.conn .none-review a {
    display: inline-block;
    padding: 7px 7px;
    background: #3399cc;
    color: #fff;
    text-decoration: none
}
.con .question-item,.con .answer-item{
    padding: 5px;
    clear: both;
    overflow:hidden;

}
#question-form .field  label span,#answer-form .field label span{font-weight: 300}
#question-form .action.primary,#answer-form .action.primary{font-weight: 300}
#question-form .fieldset{margin-bottom: 0px}
.con .question-item{ margin-top: 20px ;border-bottom: 1px solid #cccccc;}
.box-question  .question-item:last-child{border-bottom: none;}
.box-question .verified{display:inline-block;font-size:14px; font-weight: 100; color: #333;padding-left: 5px}
.q-container .question,.answer-item .question{position: relative; margin-left: 60px;}

.question .nickname-line{position: absolute ;top:-42px;width: 100%}
.question .nickname-line .nickname{display: inline-block;}
.question .nickname-line .date{float: right;font-size:12px}
.question .content-line {position: relative;  top: -18px;width: 90% }
.question .content-line .answer-a-question {color:#3399cc }
.question .answer-count{padding-top:20px;color: #919191}
.question .like-box{padding-top:10px;color:#919191;text-align: right;}
.question .like-box .activity{cursor: pointer}
.question .like-box .dislike{margin-left:20px}

.con .question-item  .avatar{
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#3399cc;
    position:relative;
    text-align: center;
    line-height: 50px;
}
#product-question .avatar span.first-letter{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;

}
.con .question-item .avatar i{
    position:absolute;
    background: #2F83EA;
    border-radius: 50%;
    padding: 2px;
    color: #fff;
    left: 30px;
    top: 30px;
    border: 1px solid #fff;
    font-size: 12px;
}
.con .question-item .answer-item .avatar i{background: #04bd38;}
.con .question-item .answer-item .italojewelry i{background: #fbc327;}
.con  .nickname{
    color:#3399cc;
    font-weight:bold;
    font-size:16px;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.content-container{margin-left:20px; padding-left:20px; border-left: 1px solid #3399cc;}
.con .answer-item .avatar{
    margin-right: 10px;
}

.con .answer-item .content{
    width:80%;
}

#modalAnswer {
    display: none;
    background-color: #fff;
    margin-bottom: 20px;
}
#modalAnswer .field{text-align:left}
#modalAnswer .close{
    float: right;
    cursor: pointer;
}

@media screen and (min-width: 640px) {
    #question-form-container{width: 500px}
}
@media screen and (max-width: 1024px) {

    .tabfocus .tab-title.write-tab{
        width:50%;
    }
    .tabfocus .tab-title.tab-summary{
        width:100%;
    }
    .tabfocus .tab-summary .rating-summary .rating-result{
        width:auto;
    }
    .tabfocus .tab-summary .rating-summary .rating-result:before{font-size: 20px}
    .tabfocus .tab-summary .rating-summary .rating-result > span:before{font-size: 20px}

    .tabfocus .tab-title.write-tab span {
        display: inline-block;
        border: 1px solid #aaa;
        padding: 8px 5px;
    }
    .tabfocus .tab-title.write-tab.active span {
        border: 1px solid #3399cc;
        background:#3399cc;
        color:#fff;
    }
    .tabfocus .tab-title.list-tab{
        width:50%;
        text-align: center;
        margin-bottom: 20px;
    }
    .filter-reviews-box{
        width: 30%;
        height: 40px;
        float: right;
        text-align: center;
    }
    #filter-reviews{
        font-size: 12px;
        background-position-y: 45%;
        border:1px solid #aaa;
        padding-top: 5px;
    }
    .tabfocus .tab-title.list-tab span {
        font-size: 12px;
        text-transform: uppercase;
    }
    .tabfocus .tab-title.list-tab.active span {
        color: #3399cc;
    }

    .tabfocus .tab-title.write-tab:nth-child(1) {
        text-align: center;
    }
    /*.tabfocus ul{border-bottom:1px solid #ebebeb; position:relative;}*/
    .tabfocus ul div.line{
        display: block;
        position: absolute;
        /*border-bottom: 2px solid #f60;*/
        border-bottom: 2px solid #333;
        width:40%;
        left: 0;
        text-align: center;
        bottom: -2px;
        height: 4px;
        margin :0 10%;
    }
    .conn .con{ display:none;color:#666;}
    .con .form-add h2{margin-top:10px;}

    .con .question-item { margin-top: 15px;}
    .item.question-item .answer-item{  font-weight: inherit; }

    .conn .none-review{padding-top:20px;text-align: center}
    .conn .none-review a {
        display: inline-block;
        padding: 7px 7px;
        background: #3399cc;
        color: #fff;
        text-decoration: none
    }
    .con .question-item,.con .answer-item{
        /* padding: 10px;*/
        clear: both;
    }
    .content-container{margin-top:-35px; padding-left:2px}
    .content-container .answer-item>div{
        width: 100%;
        float: left;
    }
    .answer-item .avatar {float:left;}
    .answer-item .question {margin-left:0px;float:none;}
    .content-container .answer-count{
        color: #999;
        font-size: 12px;
        margin-top:10px;
    }
    #product-question .reviews_html{
        border-left: 1px dashed #3399cc;
        border-bottom: 0;
        margin-left: 17px;
        margin-bottom: 0;
    }
    .con .question-item  .avatar{
        width:35px;
        height:35px;
        border-radius: 50%;
        background:#3399cc;
        position:relative;
        display:inline-block;
        text-align: center;
        line-height: 35px;
        vertical-align: text-bottom;
    }
    .con .question-item .subject{
        display:inline-block;
        font-size:12px;
        width:85%;
    }
    .con .question-item  .avatar span{
        color: #fff;
        text-transform: uppercase
    }
    .con .question-item .avatar i{
        position:absolute;
        background: #2F83EA;
        border-radius: 50%;
        padding: 2px;
        color: #fff;
        left: 20px;
        top: 20px;
        border: 1px solid #fff;
        font-size: 10px;
    }
    .q-container .question{top:-40px;margin-left:44px}
    .question .nickname-line     {position:static }
    .question .content-line {position:static }
    .con .question-item .answer-item .avatar i{background: #04bd38;}
    .con .question-item .answer-item .italojewelry i{background: #fbc327;}
    .con .question-item .nickname-line .date{display: none}
    .con .question-item .nickname{
        color:#3399cc;
        font-weight:bold;
        font-size:16px;
        font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    }
    .question .answer-count{margin-left:-29px;padding-top: 10px;}
    .con .answer-item .avatar{margin-right: 10px;  }

    .con .answer-item .content{ width:80%; }
    .pages-question .pages{margin-bottom:0px; padding: 20px 0px; border-bottom: 1px solid #c9c9c9; border-top: 1px dashed #c9c9c9}
    .pages-question .pages-item-previous,.pages-question .pages-item-next { position: static  }


    #modalAnswer {  display: none;  background-color: #fff;height: auto;margin-bottom: 0px;  }
    aside.modal-popup.modal-answer .modal-inner-wrap{top:0 ;width:90%;}

    #modalAnswer .close{ float: right; cursor: pointer; }

}